css基础1
一:CSS介绍css被称为重叠样式表
重叠在于css拥有合并来自多个源的属性值的算法
像衣服一样,层层叠叠很多件穿在身上,别人看到的是露在表面上的衣服
[此处插入图片],该图片作者为未知,来源于百度网站
样式表则是对网页设计元素,如字体,大小,颜色,间距的定义
二:css基本语法
选择器1,选择器2{
属性:值;
}
例子:设置标题1标题2的字体颜色为绿色
h1,h2{
color:green;
}
三:css引入方式
1.行内引入(和html类似 尽量避免)
标题内容
2.内嵌式引入(页面abc都用同样样式的时候需要重复输入)
.........
标题内容
3.链接式引入(最常用)
当以上引入方式都出现的时候,优先级:
行内>内嵌式>链接式
四:选择器介绍
1.ID选择器
#name1{id选择器以#开头
font-style:italicfont-style属性是否倾斜,值italic代表倾斜
}
...........
一个页面上只能用一次,id唯一
content
[此处插入图片],该图片作者为西安交通大学的两位老师,来源于中国大学mooc,仅学习非商用。
2.类选择器
.name2{类选择器以.开头
color:red;
}
一个页面上可以使用多次
content1
content2
多类混用时效果叠加
.name3{
font-family:cursivefont-family定义字体,cursive草书
}
content4
content4的文本效果就是红色草书
四:其他选择器
1.页面划分选择器(div)
分区改变样式
content1
content2
content3
content1 content2的文本效果是红色草书,content3是草书
[此处插入图片],该图片作者为西安交通大学的两位老师,来源于中国大学mooc,仅学习非商用。
2.span选择器
改变行内部分样式
welcome to xiannong'sblog
xiannong's就会变成红色,其他不变
3.后代选择器
.name4 li{对name4中的li应用样式
font-weight:bold;设置粗体字体
}
[*]1111
[*]2222
[*]3333
列表中的1111,2222,3333会被加粗
4.子元素选择器
h1 > strong {color:red;}选择h1里面的strong元素进行变红
This is very very important.
This is really very important.
第一个 h1 下面的两个 strong 元素变为红色,但是第二个 h1 中的 strong 不受影响
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页:
[1]