文章介绍了如何使用HTML和CSS创建一个导航栏，包括设置li元素的样式以及使用div进行布局。同时，文章阐述了块元素与内联元素的区别，如宽高、行显示特性以及它们的嵌套规则。还提到了一些基础的文字样式属性，如字体大小、颜色、对齐方式和行高，并指出这些样式具有继承性。
补充第二课内容、做导航栏
style
<style>
*{margin: 0;padding: 0;}
li{
list-style: none;
float: left;
width: 120px;
height: 50px;
background-color: red;
margin-right: 10px;
color: white;
text-align:center;
line-height:50px;
}
ul{
background-color: #2b2b2b;
}
.clear{clear: both;}
</style>body
<body>
<ul>
<li>首页</li>
<li>服务范围</li>
<li>工程案例</li>
<li>新闻动态</li>
<li>关于我们</li>
<div class="clear"></div>
</ul>
</body>小结：补充
元素/标签：
块元素：div h1-h6(标题标签) p（段落标签,适合一句话或者一个段落）ul li
内联元素：span（短的文字不带链接） a(超链接)
区别:
1，块元素又宽高，内联元素没有宽高
2，块元素要独占一行，内联元素默认在一行上显示
内联元素里面不允许包含块元素，内联元素里面只能房内联元素
块元素里面可以放任何元素
文字的相关样式：
font-size: 网页最小12默认16
color: 字体颜色
font-weight: 字体粗细
font-family: 字体
text-decoration 文字修饰（划线）
text-align:center 文字居中
line-height 高度居中
文字相关的样式都是可继承的：就近原则
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
