一.概述
层叠样式表;可以对html的元素,进行控制,使html的元素展现的效果和位置更好;
二.基本语法
css规则由两个部分构成:选择器和语句
语句规则:
1.css选择器的名称区分大小写;属性名和属性值区分大小写;
2.每条语句的结尾都要使用;,最后一行可以省略;
3.注释格式:/**/
4.css在html中写的代码需要使用style标签包裹起来;
5.如果单独写一个css文件,则不需要使用style标签,所有的语句需要使用大括号包裹起来;
6.如果属性值中包含空格,必须使用双引号包裹起来;
7.如果一个属性名对应多个属性值,多个属性值用空格隔开;
8.css文件的后缀名.css;
三.格式:
选择器{
属性名: 属性值;
属性名: 属性值;
属性名: 属性值;
...........
}
四.选择器
1.ID选择器
#id的属性值{
属性名: 属性值;
属性名: 属性值;
.....
}
2.类选择器
.class属性的属性值{
属性名: 属性值;
属性名: 属性值;
.....
}
立即学习“前端免费学习笔记（深入）”；
3.元素选择器(标签选择器)
标签名{
属性名: 属性值;
属性名: 属性值;
.....
}
4.属性选择器
标签名[属性名=属性值]{
属性名: 属性值;
....
}
5.包含选择器
基本选择器 标签名{
属性名: 属性值;
....
}
四.与html整合的方式
1.在html的head标签中使用link标签
2.在html的页面的head标签中使用style标签,在style标签内也可以写css代码;只能该html文件使用,其他html不能用;
3.在开头标签中,写属性名style=”属性名=属性值;属性名=属性值;”;
以上就是CSS入门级讲解的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
375
