css样式的原则及写法

css优势

1.内容与表现分离；
2.表现统一；
3.容易修改、页面布局灵活；
4.节省带宽、利于网页被搜索引擎收录。

选择器类型

1.标签选择器
标签选择器是直接使用标签的名字进行命名。
例如，h1标签在css中直接写为h1{属性：值；}来设置样式。
2.类选择器
类选择器就是使用class调用的一种选择器，使用类选择器之前需要将html文档中加样式的标签用class来起一个名字。
例如，< h1 class=“title”>我是标题一< /h1>，在css为之设置样式时书写格式为.title{属性：值；}来设置样式。
注：1.使用类选择器必须使用“.”加名字来调用！
2.类选择器是可重复使用！
3.ID选择器
ID选择器是使用ID调用的一种选择器，使用ID选择器也需要给html文档的标签起一个名字。
例如，< h1 id=“text”>我是文本< /h1>，在css为之设置样式时的书写格式为#text{属性：值；}来设置样式。
注：1.ID选择器必须使用“#”加名字来调用！
2.ID选择器是唯一的，一个网页中ID选择器的名字是不可重复的！

css写样式的三种方法

1.行内样式
行内样式是在标签中直接给予标签属性和值。
< h1 style=“color:red;”>我是标题< /h1>
则该标题的字体颜色设置为红色。
2.内部样式
内部样式是在文档头部加上< style>< /style>标签在里面设置样式即可。
< head>
< style>
h1{
color:red;
}
< /style>
< /head>
< body>
< h1>我是标题< /h1>
< /body>
3.外部样式
外部样式是通过html文档与css文件链接的方式进行样式的设置。
链接代码为：**<link rel=“stylesheet” href="css文件的路径”/>**将这串代码写入头部< head>< /head>标签里面即可。

css样式的原则

1.行内样式>内部样式>外部样式
2.ID选择器>类选择器>标签选择器