HTML中Css补充资料
3种样式表
内部样式表
在<head></head>中 <style type="text/css">......</style>定义不同的选择器
外部样式表运用
新建拓展名为CSS的样式表文件
在CSS样式表文件中,可编写不同的选择器
在网页中,使用<link/>标记连接外部的样式表文件
在对应的html标记中,使用id="id"选择器名 class="class"选择器名
<link href="文件地址" rel="stylesheet" style="text/css"/>
行内样式表
不建议使用行内样式表
在对应的html标记中,添加style="属性:值;"
3种选择器
标签选择器,自动应用到网页中对应的html标记中
类选择器,必须在html标记中,添加class=class选择器名
ID选择器,必须在html标记中,添加id=id选择器名
二、CSS的高级应用——复合选择器
1、后代选择器 PS:只适用于html的标签 不能以.或者#号开头 PS:外层必须html标签 内层(3个选择器的任意一种)可以.或者#开头
语法: 外层的html的标记 内层的标记{属性:值} 2个标记名中必须空格
2、交集选择器
语法:由两个选择器构成,第一个必须是标签选择器,
第二个必须是类选择器或者ID选择器,2个选择器中不能有空格
方式1.
htm标记名.类选择器名{属性名:值;}
方式2.
htm标记名#id选择器名{属性名:值;}
3、并集选择器——应用非常广泛
选择器1、选择器2、选择器3、选择器4...选择器n{属性:值;....} 全都运用这些属性、