本文详细介绍了CSS的声明语法，包括选择器的使用、注释的添加以及三种样式应用方式：行内样式、内部样式和外部样式。还涵盖了基本选择器如通用选择器、元素选择器、ID选择器和类选择器，以及后代选择器、子代选择器和相邻兄弟选择器等组合选择器的用法。通过实例展示了如何通过CSS控制网页元素的样式。
定义
选择器名{
属性名：属性值 ;
(可以有多个属性值对)
}
注意点：
1，声明需要有{}，每个声明都要以；结尾
2，一行建议一个声明
3，当属性值有多个单词时以双引号引起来
CSS注释
/* 注释内容 */
CSS使用方法
1， 行内样式
<body>
<h2 style="color: red;"></h2>
</body>2，内部样式
style标签要写在head中
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
h2{
color: red;
}
</style>
</head>
<body>
<h2>你好</h2>
</body>3，外部样式
先写在css文件中，在html文件中用link标签引入
css文件
h2{
color: red;
}
html文件
<link rel="stylesheet" type="text/css" href="new_file.css"/>
<h2>你好</h2>基本选择器
1 通用选择器*
*{
属性名：属性值;
}2 元素选择器
元素名/标签名{
属性名：属性值
}3 id选择器
#id名{
属性名：属性值;
}4 类选择器
.class属性值{
属性名：属性值;
}5 分组选择器
选择器1,选择器2，，，，{
属性值名：属性值;
}组合选择器
后代选择器
选择器 指定元素{
属性名：属性值;
}子代选择器
选择器>指定元素{
属性名：属性值;
}相邻兄弟选择器
选择器+指定元素{
属性名：属性值;
}
扫一扫
634
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
