CSS精通DIV网页样式与布局
div+css 的网页布局方法，真的是前端老鸟都在用的经典套路。结构清晰、样式分离，维护起来一点不头疼。是搭配外部样式表，响应也快，代码也整洁，想改样式直接改 CSS 文件就行，效率高得。
外部样式表挺推荐的，把样式写在一个.css文件里，用<link>标签引进来，不仅清爽，而且还能复用。比如在index.html里加一句：
<link rel="stylesheet" type="text/css" href="style.css">像写个导航、文章页，内嵌样式也蛮灵活的。直接在<style>标签里写规则就行，适合快速调试，写起来也方便：
<style type="text/css">
body {
font: 10pt "Arial";
}
h1 {
font: 15pt/17pt "Arial";
color: maroon;
}
</style>有时候想快速搞定一点小样式，直接用内联也行，比如给一段话加个颜色：
一段文本
CSS的语法也挺友好的，选择器 { 属性: 值 }的格式，简洁明了。比如用h1选中标题，加个颜色样式，用color: red就搞定了。
说到继承，CSS也挺智能的。像是父元素设置了字体，子元素没特殊指定的话，就会自动用父元素的。你不用重复写代码，省事！
各种属性真的丰富：字体、背景、布局、边距、边框......都能精细控制页面样式。你想让一个按钮漂在右边？直接加个float: right就好了。
如果你想把页面布局搞得灵活点、高效点，Div+CSS绝对值得花点时间精通一下。平时写项目用得上，写 demo 也方便。
文件大小：175.13KB
评论区