![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 50
AvaBlingBling
这个作者很懒,什么都没留下…
展开
-
link和import的区别
页面中使用CSS的方式主要有3种:行内添加定义style属性值页面头部内嵌调用外面链接调用 其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" /> <style type=转载 2016-10-03 15:17:28 · 428 阅读 · 0 评论 -
CSS级联与优先级
CSS级联与优先级级联就是CSS声明前加了限制条件 ps:善用 CSS 的级联属性 比如在你需要选定的对象元素前加上更多的元素,使选择的范围缩小,你的选择器就变得更有针对性,从而提高优先级比如:下面这段代码结果红色。<h1 class="A B">标题颜色<h1>h1.B{ color: red } .A{ color: blue }优先级 优先级就是分配给指定的CSS声明的一原创 2016-09-17 11:10:36 · 2667 阅读 · 0 评论 -
层叠上下文 z-index
今天看到一张层叠上下文的图片还蛮有意思,到底子元素的 z-index 值是在父元素的z-index上叠加值,还是以root元素作为参考,一张图就搞定了这几个疑问。 在这个例子中,每个被定位的元素都创建了独自的层叠上下文,因为他们被指定了定位属性和 z-index 属性。层叠上下文的层级如下:Root DIV #1 z-index 为 5DIV #2 z-index 为 2DIV #3原创 2016-09-17 12:15:05 · 424 阅读 · 0 评论 -
CSS3新特性(二)
更多的选择器框模型背景和边框文本效果和字体2D/3D 转换动画多列布局用户界面用户界面新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等resizebox-sizingoutline-offsetdiv{ border:2px solid; padding:10px 40px; width:300px; //resize 属性规定是否可由用户调原创 2016-10-04 20:18:13 · 501 阅读 · 0 评论 -
CSS3新特性(一)
CSS3中增加了一些模块:更多的选择器框模型背景和边框文本效果和字体2D/3D 转换动画多列布局用户界面更多的选择器真的是加了好多的选择器,更好的进行查找,解决了很多我们之前需要用 JavaScript 脚本才能解决的问题。有意思的是属性选择器那三个的 ^,$ 用到了正则表达式的规则,分别对应开头,结尾符。nth-child(n)在表格的样式中很好用。背景和边框背景:增加了原创 2016-10-04 16:20:18 · 332 阅读 · 0 评论 -
响应式设计
响应式设计响应式是什么?Responsive Web Design(RWD),应用程序在不同设备或者不同尺寸大小的终端屏幕上做不同内容的展示;自适应是什么?Adaptive Web Design(AWD),应用程序使用多个版本用户界面,针对不同设备,服务端返回不同版本用户界面;响应式vs自适应响应式是一套用户界面,后者是多套;自适应需要服务端检测请求设备分辨率相关信息,返回对应版本渲染;渐进增强以...转载 2018-03-06 16:35:38 · 310 阅读 · 0 评论