CSS知识点
zhi_Miss
hello world!I am coming
展开
-
响应式布局( responsive design)和自适应设计(adaptive design)
自适应是为了解决如何在不同大小的设备上呈现同样的网页(网页的主题和内容不改变)响应式的概念覆盖了自适应,而且涵盖的内容更多。自适应暴露的一个问题,如果屏幕太小,即使网页能够根据屏幕大小进行适配,但是会感觉在小屏幕上查看内容太过拥挤。响应式正是针对这个问题衍生出的概念。它可以自动识别屏幕宽度、并做出相应调整的网页设计、布局和展示的内容可能会有所改变。实现方法:1.允许网页宽度原创 2016-02-27 16:05:39 · 5473 阅读 · 0 评论 -
css精灵(雪碧图)
css sprites是指把网页中的很多的小图片(很多图标文件)做成按规律排列的一张大图上,在显示的时候通过background-image、background-position显示图片特定部分达到和分散的一张张小图片一样的效果。优点:a.提高页面的下载速度:页面中的图片文件等外部文件都要单独下载,图片文件时另外进程来下载的,并且不同的浏览器会对一次下载图片的数量有所限制,要是页原创 2016-02-27 16:06:04 · 783 阅读 · 0 评论 -
css选择器
1.id选择器(#idName)2.类选择器(.className)3.标签选择器(p div a)4.后代选择器(li a)5.属性选择器(a[rel='...'])6.相邻选择器(h1+p)7.子选择器(ul8.通配符选择器(*)9.伪类选择器(a:hover,li:nth-child)可继承的样式:font-size font-family c原创 2016-02-27 16:24:36 · 325 阅读 · 0 评论 -
CSS优先级问题
最近有接触到优先级的相关题目,在这里做一个简单的总结。在常用的选择器中,优先级顺序依次为:内联样式 > id选择器 > 类选择器 > 标签选择器我们这样定义他们的权重,定义内敛样式为1000,那么id选择器为100,类选择器为10,标签选择器为1,也就是我们在判断样式的优先级时,对应的标签权重相加,得到的越大,越优先。如下html代码:test下面是css1原创 2016-04-26 20:12:13 · 489 阅读 · 0 评论