1.CSS的作用
CSS：层叠样式表，用来美化，装饰页面（类似化妆品）。文件后缀名.css。
2.CSS样式结构
选择符{
属性1:属性值;
属性2:属性值;
}
选择符：用于确定哪些标签用这些样式。
{}：由css属性及其属性值构成。
3.CSS的使用
CSS有三种引用方法：行内样式、嵌入样式、外部样式。
1.行内样式： 直接将样式写在头标签里。
<div style = "color: #f00">Hollow Word!</div>
不推荐：样式过多时，过于复杂，不利于观察。
2.嵌入样式：在<head></head>里写样式。
<head>
<style type="text/css">
div{
color: #ff0;
}
</style>
</head>
<body>
<div>Hollow Word!</div>
</body>
</html>
不推荐：会让head标签代码量加大（大头儿子！！！）。
3.外部样式：将样式写在单独的文件下。
外部样式需要引入样式文件（在<head></head>标签里，href属性是文件路径）
<link rel="stylesheet" href="css/style.css">style.css文件
.text{
color: #00f
}<div class="text">Hollow Word!</div>
三种样式的优先级：行内>嵌入>外部。
扫一扫
8273
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
