0710 第六组 顾元皓 第二天学习记录

CSS---层叠样式表,相当于整个网页的美化

如何嵌入?(样式如何显示html元素)

样式通常存储在样式表中(先定义样式表),再把样式表添加到html元素中

定义CSS样式的方式:

(1)行内样式(内联样式)


<p>i love java  </p>
<p style="background: rgb(255, 0, 157);">i love css</p>

(2)内页样式(嵌入样式)
·声明一个样式:在head标签中style中声明
给样式起名:
A:标签选择器(根据标签命名)
B:类选择器
思考题:标签选择器和类选择器哪个优先级高?
声明样式的时候需要用一个英文的“.”,选择样式通过class属性,class属性里不写“.”
C:id选择器(id:在当前页面的唯一标识,不能重复)
声明样式需要一个“#”,对应的元素的id要匹配
(3)外部样式(推荐)
2.CSS选择器
1.标签选择器
2.类选择器:声明样式的时候需要用一个英文的,选择样式通过class属性,不需要写
3.Id选择器:声明样式需要用一个#号,对应元素的id要匹配
4.组合选择器:
1)div,p:并集选择器,选中页面上所有的div和p元素
2)div p:选择div里面的p,无论嵌套多少层,都可以找到
3)div>p:选中div里的直接标签p
4)div+p:选中紧跟着div的p
5.属性选择器
1)[type]:选中页面上所有带type属性的标签
2)[type=text]:选中页面上所有带有type=text属性的标签
3)[type~=t]:选中页面上type属性包含单词的所有元素
6.伪类选择器::link :hover :active :visited
7.nth-child:选中第几个对应元素
8.:checked:选中所有被选中的元素
6.css层叠样式表
层叠性:
1.如果样式冲突,遵循就近原则,哪个样式离结构近,就执行哪个样式
2.如果样式不冲突,就不折叠
继承性:
字标签会继承父标签的某些样式,文本颜色,字号,背景颜色........
优先级:类>标签>id
权重:
1.继承的样式权重最低为0
2.行内样式权重最高100
3.如果权重相同,就近原则
4.!Important无限大
7.css常用的单位
1、px像素:绝对单位,一个像素代表一个点。如100px*100px的正方形,宽高为100个点
2、em是相对单位。它会参考它的父级元素,字体,父级元素的字体是16px,要设置元素的字体大小为2em,当前元素的字体大小就是32px
3、rem是相对单位,有页面决定,当浏览器字体改变了字号设置,页面的字号也随之变化
4、%百分比:相对于父级元素的比例。

posted @   皓哥的编程生涯  阅读(24)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示