📝 最新文章
查看更多 →
CSS Flexbox
基本用法.container { display: flex; }容器属性flex-direction: row/columnjustify-content: center/space-betweenalign-items: centergap: 10px完美居中display:flex; justify-content:center; align-items:center; height:100...
CSS 盒模型
四层结构Content - 内容Padding - 内边距Border - 边框Margin - 外边距.box { width:200px; padding:20px; border:2px solid #000; margin:10px; }box-sizingbox-sizing: border-box; /* 宽含 padding+border */...
CSS 颜色背景
颜色color: red; /* 名称 */ color: #ff0000; /* 十六进制 */ color: rgb(255,0,0); /* RGB */背景background: #f0f0f0 url("bg.jpg") no-repeat center/cover;渐变background: linear-gradient(to right, #ff7...
CSS 选择器
常用选择器p { color: blue; } /* 元素 */ .highlight { bg: yellow; } /* 类 */ #title { font-size: 36px; } /* ID */ div p { color: red; } /* 后代 */ h1, h2 { font-weight: bold; } /* 多选 */优先级行内ID类元素...
CSS 简介
什么是 CSSCSS 全称 Cascading Style Sheets，HTML 是骨架，CSS 是皮肤。h1 { color: blue; text-align: center; }三种写法行内：style="color:red"内部：<style>...</style>外部（推荐）：<link rel="stylesheet" href="style.css"&...
HTML iframe
内联框架<iframe src="https://example.com" width="600" height="400"></iframe>属性src - 地址width/height - 宽高frameborder - 边框...
HTML 实体字符
常用实体&lt; → <&gt; → >&amp; → &&quot; → "&nbsp; → 空格&copy; → ©<p>5 &lt; 10</p>...
HTML 语义化
什么是语义化用有意义的标签代替全 div，对 SEO 友好。常用标签header - 头部nav - 导航main - 主内容article - 文章aside - 侧边栏footer - 底部...
HTML 音视频
视频<video controls width="600"> <source src="movie.mp4"> </video>属性controls - 控件autoplay muted - 自动播放loop - 循环大文件用 腾讯云CDN。...
HTML5 新特性
语义化标签<header><nav><main><article><aside><footer>多媒体<video controls src="m.mp4"></video> <audio controls src="m.mp3"></audio>本地存储localStorage...
📚 全部文章
暂无文章