
前端体系知识---CSS
文章平均质量分 80
CSS
Cirrod
把自己热爱的东西做到了极致就变成了钱
展开
-
css选择器大全
代码】css选择器大全。原创 2022-08-06 23:33:59 · 258 阅读 · 0 评论 -
CSS优化---CSS书写顺序
1.书写代码的规范,利于自己和别人阅读。2.不同的CSS书写顺序会影响浏览器的。,但不是层级越多越好,一个选择器中的。类选择器的个数推荐不要超过3个。一.为什么CSS书写需要顺序。,推荐前端工程师使用专业的。...原创 2022-07-20 11:10:53 · 296 阅读 · 0 评论 -
CSS---CSS高级全部内容(四)
1、精灵图Sprites为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术核心原理:将网页中的一些小背景图像整合到一张大图中,这样服务器只需要一次请求就可以了1.1、精灵图的使用使用精灵图的核心:精灵技术主要针对于背景图片的使用,就是把多个小背景图片整合到一张大图片中这个大图片也称为 sprites 精灵图 或者 雪碧图移动背景图片的位置,此时可以使用 background-position移动的距离就是这个目标图片的x和y坐标,注...原创 2022-02-06 13:04:54 · 1603 阅读 · 0 评论 -
CSS---CSS进阶全部内容(三)
1、新增选择器CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。属性选择器结构伪类选择器伪元素选择器1.1、属性选择器属性选择器可以根据元素特定的属性来选择元素,这样就可以不用借助于类或者id选择器选择符 简介 E[att] 选择具有att属性的E元素 E[att=“val”] 选择具有att属性且属性值等于val的E元素 E[att^=“val”] 匹配具有att属性且值以val开头的E元素 E[att$=“...原创 2022-02-06 12:52:21 · 218 阅读 · 0 评论 -
CSS---CSS三大特性全部内容(二)
1.CSS三大特性1.1、层叠性相同选择器设置相同的样式,此时一个样式就会覆盖另一个冲突的样式。层叠性主要解决样式冲突的问题层叠性原则:样式冲突,遵循的原则是就近原则1.2、继承性CSS中的继承:子标签会继承父标签里面的某些样式如文本颜色和字号等特殊: 行高的继承body {font:12px/1.5 Microsoft YaHei}1.5的意思:让里面所有的子元素的行高是当前文字大小的1.5倍1.3、优先级– 当同一个元素指定多....原创 2022-02-06 12:30:08 · 537 阅读 · 0 评论 -
CSS---CSS基础全部内容(一)
1、标签基础选择器1.1、标签选择器标签选择器的作用是为页面中某一类标签指定统一的CSS样式优点是能快速为页面中同类型的标签统一设置样式缺点是不能设计差异化样式,只能选择全部的当前标签标签名 {属性1: 属性值1;}ul {}规范:属性值前面,冒号后面,保留一个空格标签名和大括号中间保留空格1.2、类选择器如果想要差异化选择不同的标签,单独选一个或者几个标签,可以使用类选择器.类名 {属性1: 属性值1;.....}...原创 2022-02-06 12:14:47 · 510 阅读 · 0 评论