讲师:花倩
中软培训中心
课程名称 web (css)
HTML 样式单
第七章 HTML 样式单
为什么需要CSS样式表
HTML标签的外观样式比较单一
颜色只有黑白
字体类型和大小无变化
样式表的作用相当于华丽的衣服
样式表能实现内容与样式的分离,方便团队开发
HTML 样式单
CSS是Cascading Style Sheets(层叠样式表单)的简称
CSS的位置:
在<style type="text/css"></style>中
CSS 语法由三部分构成:
选择器、属性、值
例如:p {color: red;}
h1{ border:1px solid red;}
<style>………….. </style>
样式表信息必须包含在这对标签之间.
这对标签必须放在<head></head>中
<style type="text/css">
<!- -
H1{color=blue;}- ->
</style>
HTML 样式单
1、内部样式表
<head>
<style type="text/css">
h1 {color: red}
h3 {color: blue}
</style>
</head>
2、行内样式
<body>
<a href="" style="text-decoration:none">LINK!</a>
</body>
3、连接外部样式表
<link href="" />
选择器
分组使用样式表
多个标志相同属性的定义方式:
B,I,H1{color:red}
B 粗体
I 斜体
H1 1号标题
Css样式
定义在标签上的css格式
H1,H2,H3,H4,H5,H6{
Color:red;
text-decoration:underline;
Font-family:”黑体”;
}
Css样式
设定在ID上的css格式为
#id名{
标志属性:属性值;
标志属性:属性值;……
标志属性:属性值}
引用的方法:< 标志 ID="ID名">。
css教程教程 来自淘豆网www.taodocs.com转载请标明出处.