1、传统html的缺陷
一行一行的进行修改
2、css的好处
head中有一个style
h2{
// font-f
}
3、css如何控制页面
1)行内样式
2)内嵌式
<style type="text/css">
<!--p{ color:#FF33CC;text-decoration:underline;font-style:italic;font-size:28px;}--></style></head><body><p>紫红色、斜体、下划线、28px的效果1</p><p>紫红色、斜体、下划线、28px的效果2</p><p>紫红色、斜体、下划线、28px的效果3</p><p>紫红色、斜体、下划线、28px的效果4</p></body>3)链接式
<link href="1.css" type="text/css" rel="stylesheet">
4)导入式
<style type="text/css">
<!--@import url(1.css);--></style>css选择器
1)标记选择器
2)类别选择器
class类别选择器1
class类别选择器2
class类别选择器3
h3同样适用
3)id选择器
ID选择器使用1
ID选择器使用2
ID选择器使用3
************************************
1)选择器的集体声明
选择器集体声明h1
选择器集体声明h2
选择器集体声明h3
选择器选择器集体声明h4
集体声明h5
选择器集体声明p1
选择器集体声明p2
选择器集体声明p3
2)选择器的嵌套声明
选择器嵌套使用CSS标记的方法
选择器嵌套之外的标记并不生效
3)子选择器