首页 > 代码库 > HTML中Css补充资料

HTML中Css补充资料

2024-10-06 20:32:39   216人阅读

3种样式表
　　内部样式表
在<head></head>中 <style type="text/css">......</style>定义不同的选择器
　　外部样式表运用
新建拓展名为CSS的样式表文件
在CSS样式表文件中，可编写不同的选择器
在网页中，使用<link/>标记连接外部的样式表文件
在对应的html标记中，使用id="id"选择器名 class="class"选择器名

<link href="http://www.mamicode.com/文件地址" 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{属性:值;....} 全都运用这些属性、

HTML中Css补充资料


联系
我们