一:CSS介绍
css被称为重叠样式表
重叠在于css拥有合并来自多个源的属性值的算法
像衣服一样,层层叠叠很多件穿在身上,别人看到的是露在表面上的衣服
样式表则是对网页设计元素,如字体,大小,颜色,间距的定义
插入图片?
我将在原html网页上进行css的装饰
二:css基本语法
选择器1,选择器2{
属性:值;
}
例子:设置标题1标题2的字体颜色为绿色
h1,h2{
color:green;
}
三:css引入方式
1.行内引入(和html类似 尽量避免)
<h1 style = "color:blue;">
标题内容
<h1>
2.内嵌式引入(页面abc都用同样样式的时候需要重复输入)
<style type="text/css">
h1{
color:red;
}
<style>
.........
<h1>标题内容</h1>
3.链接式引入(最常用)
<link href="样式文件链接" type="text/css" rel="stylesheet"/>
当以上引入方式都出现的时候,优先级:
行内>内嵌式>链接式
四:选择器介绍
1.ID选择器
#name1{
id选择器以#开头
font-style:italic
font-style属性是否倾斜,值italic代表倾斜
}
...........
一个页面上只能用一次,id唯一
<p id="name1">content</p>
2.类选择器
.name2{
类选择器以.开头
color:red;
}
一个页面上可以使用多次
<p class="name2">content1</p>
<p class="name2">content2</p>
3.多类混用时效果叠加
.name3{
font-family:cursive
font-family定义字体,cursive草书
}
<h1 class="name2 name3">content4</h1>
content4的文本效果就是红色草书