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>类选择器>标签