@@ -121,40 +121,37 @@ CSS 相关问题
121
121
122
122
标准浏览器下,按照W3C规范对盒模型解析,一旦修改了元素的边框或内距,就会影响元素的盒子尺寸,就不得不重新计算元素的盒子尺寸,从而影响整个页面的布局。
123
123
124
- ![ 图片描述] [ 1 ]
125
124
126
125
###CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?
127
126
128
127
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 要高
157
152
153
+ > CSS3新增伪类举例:
154
+
158
155
p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
159
156
p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
160
157
p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。
@@ -596,7 +593,9 @@ JavaScript中的作用域与变量声明提升?
596
593
Javascript数据推送
597
594
598
595
> Commet:基于HTTP长连接的服务器推送技术
596
+
599
597
> 基于WebSocket的推送方案
598
+
600
599
> SSE(Server-Send Event):服务器推送数据新方式
601
600
602
601
@@ -1213,7 +1212,8 @@ js操作获取和设置cookie
1213
1212
1214
1213
###移动端性能优化
1215
1214
1216
- > 尽量使用css3动画,开启硬件加速。适当使用touch事件代替click事件。避免使用css3渐变阴影效果。
1215
+ > 尽量使用` css3 ` 动画,开启硬件加速。适当使用` touch ` 事件代替` click ` 事件。避免使用` css3 ` 渐变阴影效果。
1216
+ > 尽可能少的使用` box-shadow ` 与` gradients ` 。` box-shadow ` 与` gradients ` 往往都是页面的性能杀手
1217
1217
1218
1218
##什么是Etag?
1219
1219
0 commit comments