200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > css选择器怎么命名 css如何设置网页名字 – CSS – 前端 百度空间css

css选择器怎么命名 css如何设置网页名字 – CSS – 前端 百度空间css

时间:2019-08-29 03:01:41

相关推荐

css选择器怎么命名 css如何设置网页名字 – CSS – 前端 百度空间css

@ css3新增功能?

1、css3新增的超级选择器:属性选择器、结构性伪类选择器、UI元素状态伪类选择器、通用兄弟元素选择器

2、使用选择器在页面中插入文字、图片、项目编号等内容

3、文字阴影与自动换行

4、各类盒模型:总体分为block类型和in line类型,在细分为inline-block类型、inline-table类型、list-item类型、run-in类型、compact类型、表格相关类型、none类型

5、盒模型相关的属性:overflow属性(内容溢出)、box-shadow属性(盒阴影)、box-sizing属性(宽高计算)

6、新增的背景样式backround-clip属性、backround-origin属性、backround-size属性、backround-break属性

7、新增的边框样式:border-radius属性(圆角边框)、border-image属性(图片边框)

8、新增的 transform变形功能:rotate(旋转)、scale(缩放)、skew(倾斜)、translate(移动)

9、新增的动画功能:transition(平滑过渡)、animation(关键帧)

10、布局相关样式:多栏布局、盒布局、弹性盒布局

11、兼容性问题

@ 如何看待CSS中BEM的命名方式?

BEM只是一种思维,它为大家规范CSS命名提供了一种方向,每个人理解不一样,最终悟出的方式也会大同小异,它区别于OOCSS(面向对象编程CSS)的理念,OOCSS更加提倡复用性,而BEM更加的扁平

在偶知道BEM之前,偶一直在寻找一种最优的命名方式,方便后来的新员工的融入,以及团队协作等等,对于切图网这样罕见的专门做前端切图的公司来说,这一点显得特别重要

在大家的近2000多个切图项目中,几乎各种命名方式都试过,从大家的经验中摸索出自己的一套命名体系,举个例子

.slider

.slider-wrapper

.slider-nav

.slider-nav_item

.slider-arrow

.slider-arrow_prev

.slider-arrow_next

这是大家公司内部在用的命名方式,并且符合BEM的理念,它有一个缺点就是长了一点,不过目前来说,利大于弊,如果你有更好的方式,欢迎给偶提议

@ 标签指定式选择器的写法要求的是?

BCD B 比如class类型 class = “nav”的话 那么css对应 .nav{} C 比如 body input 就是直接对应 body{} input{} D ID选择器 id=”name” 那么css对应 #name{}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。