css的进一步学习(前端第三天)
来源:互联网 发布:黑马程序员 招聘信息 编辑:程序博客网 时间:2024/05/25 18:11
(第三天)
类选择器:
id选择器只能给一个,类选择器可以给多个;使用#id名即可表示
通配选择器优先级权值为0,优先级最小
标签选择器权值为1
类选择器的权值是10
id选择器的权值是100
行间样式的权值是1000(行间样式,不经常用,也不推荐用,当样式很少的时候可以适当地用一下)
<div class="div1" id="div_id" style="background: pink;">行间样式
</div>
!important:权值10000,写在一个样式结束前,也不是经常用过,尽量少用
群组选择器:选择器之间用逗号连接,表示选择器之间有相同的样式
.div1,.div2,.div3{}
hover:伪类标签,用于鼠标浮在元素上面显示的样式,请注意写法(鼠标移动到上面改变)
div:hover{}更改div里面的属性
优先级相同的情况下,后写的样式会覆盖前面的样式
float:浮动,(分清楚每次浮动的方向)
position:位置(后期整合的适合用到)
三种情况会使得元素脱离文档流,分别是:浮动、绝对定位和相对定位
/*定位方式:绝对的,浮动起来,是的图层不在一层*/
position: absolute;
- /*改变层级,就可以显示下面的*/
z-index: 1;
/*相对定位没有脱离文档流,根据自身位置进行定位*/
position: relative;
position: fixed;位置固定(小广告用这个的)
0 0
- css的进一步学习(前端第三天)
- web前端基础入门学习第三天css
- Css 学习笔记第三天
- Html+Css学习第三天
- 学习的第三天
- 第三天的学习
- 学习前端第三天--JS进阶
- 20170921前端第三天
- web前端第三天
- JAVA学习的第三天
- 学习javaee的第三天
- UGUI学习的第三天
- 学习IOS的第三天
- 学习mysql的第三天
- 学习python的第三天
- 学习Java的第三天
- 来中软学习的第三天
- html学习的第三天
- java AES 加密解密
- Hadoop2.6..0 HA高可靠性集群搭建(Hadoop+Zookeeper)
- 1.11
- HTML 中常用的字符实体
- JavaScript中Global全局对象之eval()函数
- css的进一步学习(前端第三天)
- 面试笔试题
- 解决fragment中listView或者gridView给item设置监听,点击空指针问题
- Flask学习总结笔记(8) -- 利用Flask-mail实现电子邮件发送功能
- HDU 4847 KMP
- codeforces 484D Kindergarten 【动态规划】
- JavaScript HTML DOM节点类型之Node类型介绍
- web项目构建路径设置问题
- JavaScript HTML DOM节点类型之Document类型(Document对象属性和Document对象集合属性)