Skip to content

Commit d594a16

Browse files
committed
fixed
1 parent d43a3c0 commit d594a16

File tree

1 file changed

+30
-30
lines changed

1 file changed

+30
-30
lines changed

README.md

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -121,40 +121,37 @@ CSS 相关问题
121121

122122
标准浏览器下,按照W3C规范对盒模型解析,一旦修改了元素的边框或内距,就会影响元素的盒子尺寸,就不得不重新计算元素的盒子尺寸,从而影响整个页面的布局。
123123

124-
![图片描述][1]
125124

126125
###CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?
127126

128127

129-
130-
* 1.id选择器( # myid)
131-
2.类选择器(.myclassname)
132-
3.标签选择器(div, h1, p)
133-
4.相邻选择器(h1 + p)
134-
5.子选择器(ul > li)
135-
6.后代选择器(li a)
136-
7.通配符选择器( * )
137-
8.属性选择器(a[rel = "external"])
138-
9.伪类选择器(a: hover, li:nth-child)
139-
140-
* 可继承的样式: font-size font-family color, text-indent;
141-
142-
* 不可继承的样式:border padding margin width height ;
143-
144-
* 优先级就近原则,同权重情况下样式定义最近者为准;
145-
146-
* 载入样式以最后载入的定位为准;
147-
148-
优先级为:
149-
150-
151-
!important > id > class > tag
152-
153-
important 比 内联优先级高,但内联比 id 要高
154-
155-
CSS3新增伪类举例:
156-
128+
1.id选择器( # myid)
129+
2.类选择器(.myclassname)
130+
3.标签选择器(div, h1, p)
131+
4.相邻选择器(h1 + p)
132+
5.子选择器(ul > li)
133+
6.后代选择器(li a)
134+
7.通配符选择器( * )
135+
8.属性选择器(a[rel = "external"]
136+
9.伪类选择器(a: hover, li:nth-child
137+
138+
* 可继承的样式: font-size font-family color, text-indent;
139+
140+
* 不可继承的样式:border padding margin width height ;
141+
142+
* 优先级就近原则,同权重情况下样式定义最近者为准;
143+
144+
* 载入样式以最后载入的定位为准;
145+
146+
>优先级为:
147+
148+
149+
!important > id > class > tag
150+
151+
important 比 内联优先级高,但内联比 id 要高
157152

153+
>CSS3新增伪类举例:
154+
158155
p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
159156
p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
160157
p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。
@@ -596,7 +593,9 @@ JavaScript中的作用域与变量声明提升?
596593
Javascript数据推送
597594

598595
>Commet:基于HTTP长连接的服务器推送技术
596+
599597
>基于WebSocket的推送方案
598+
600599
>SSE(Server-Send Event):服务器推送数据新方式
601600
602601

@@ -1213,7 +1212,8 @@ js操作获取和设置cookie
12131212

12141213
###移动端性能优化
12151214

1216-
>尽量使用css3动画,开启硬件加速。适当使用touch事件代替click事件。避免使用css3渐变阴影效果。
1215+
>尽量使用`css3`动画,开启硬件加速。适当使用`touch`事件代替`click`事件。避免使用`css3`渐变阴影效果。
1216+
>尽可能少的使用`box-shadow``gradients``box-shadow``gradients`往往都是页面的性能杀手
12171217
12181218
##什么是Etag?
12191219

0 commit comments

Comments
 (0)