css选择艺术
为什么学习css
css简化Html相关标签，网页体积小，下载快
解决内容与表现分离问题
更好的维护网页，提高工作效率
image.png
css引用
写在<head></head>标签内
<style type="text/css">
css样式
</style>
- 不同的标签有不同的样式
- 所有样式的符号都应该是英文状态的.
- 属性和标签之间要留有空格
- css书写不区分大小写，也有例外情况。
- 存在不止一个声明时，用英文分号隔开。建议在每个声明后面都加分号。
- 设置字体时，font-size：2px；值和单位之间不能有空格。
- 使用中文时要使用引号。
- 可以将有相同的css样式的选择器合并写在一起，用逗号隔开。
css注释
- html注释：< !-- 注释语句 -- >
- css注释：/* 注释语句 */
css引入方式
行内样式（内联样式）：
<p style="color:red;">内容</p>内部样式表（嵌入样式）：
说明：写在<head></head>标签内
说明：对于低版本的浏览器不识别style标签时，会将样式表的内容显示在页面上，可以使用html注释对style标签进行包裹。
< !--
<style type="text/css">
css样式
</style>
-- >
- 外部样式表： 把css样式代码写在独立的在不文件中。
扩展名：文件名.css
引入：在head中引入<link href="xx.css" rel="stylesheet" type= "text/css"/> - 导入式
@import 写在style标签内
<style type="text/css">
@import url(css.css);
/ *或者@import "css.css"*/
</style>
css应方法的区别
image.png
使用链入外部样式的好处
- css和html分离
- 多个文件可以使用同一个样式文件
- 多文件用同一个css文件，css只需要下载一次
