HTML中Css详细介绍
HTML中Css详细介绍
一、样式表的作用
1、Css样式表，层叠样式表
2、类似于人类的衣服，网页的衣服
3、作用：美化网页
4、优势：
1.内容与表现分离，便于维护
2.样式丰富，页面布局灵活
3.提高页面的访问速度，减少网络的带宽
4.有利于被seo收录
二、样式表的类型
1.行内样式表 <html标记 p style="属性：值；......"></html 标记>
2.内部样式表——写在<head></head>中的<style>标签中
<head>
<style type="text/css>"</head></style>
选择器（属性：值）
3.外部样式表
单独的拓展名为css的文件
在文件中，直接编写【选择器】就可以了
在网页中，连接外部的样式表拓展名为css的文件 P103 <link type="text/css" rel="stylesheet" hre表文件"/>
三、CSS表的语法
选择器的名{网页的属性:值;...............}
1.标签选择器--html标记
1.会自动应用的网页的标签上面
2.类选择器--.选择器名{属性:值}
在需要应用选择器的html标记中，添加属性值
<html 标记 class="类选择名">
3.ID选择器--#选择器名{属性:值}
四、样式表和选择器的优先
行内样式>内部样式表>外部样式表 ID>类选择器>标签
