分类目录归档：CSS学习

2019
07-15

自适应网页和响应式图像

自适应网页 手机的屏幕比较小，宽度通常在600像素以下，PC的屏幕宽度，一般都在1000像素以上。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果。很多网站的解决方法，是为不同的设备提供不同的网页，这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本。 "自适应网页设计"的概念 2010年，Ethan Marcotte提出了"自适应网页设计"(Responsive Web D.... Read More >
2017
08-20

CSS3中的动画

CSS3中的动画中使用的属性在各个浏览器中的支持是不一定兼容的，我们在属性钱添加前缀来实现各个浏览器的兼容 -ms-兼容IE9 -webkit-兼容Safari和Chrome -o-兼容Opera -moz-兼容Firefox 为了节省篇幅，下面仅出现一次兼容性的语句，之后都不做兼容，在实际使用中自行添加兼容性语句。 一、2D转换，通过transform 属性实现 transform-o.... Read More >
2017
02-21

Google推荐的html/css规范

介绍一下Google推荐的HTML和CSS编写格式规范，以建立良好的个人编码习惯。 通用样式规范 省略图片、样式、脚本以及其他媒体文件URL的协议部分(http:,https:)，除非文件在两种协议下都不可用。 这种方案称为protocol-relativeURL，好处是无论你是使用HTTPS还是HTTP访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节。 <s.... Read More >
2016
12-16

CSS的透明度、盒子阴影轮廓、光标样式

一、透明度：opacity： 取值：0 ~ 1。用来设置元素的透明度 二.盒子阴影轮廓： 盒子的阴影：box-shadow属性，该属性有很多值： hoffset：阴影的水平偏移量，是一个长度值，正值表示阴影向右偏移，负值表示阴影向左偏移。 voffset：阴影的垂直偏移量，是一个长度值， 正值代表阴影位于元素盒子的下方，负值代表阴影位于元素盒子上方。 以下为可选值： blur ：指定模.... Read More >
2016
12-16

CSS中表格与列表样式

表格：表格有五种独有样式如下： 一、border-collapse： separate：默认值，单元格边框独立(单元格之间有间隔) collapse：单元格相邻边框被合并(单元格之间没有有间隔) 二、border-spacing：设置相邻单元格之间的间隔距离 三、caption-side：设置标题标签中相对表格的位置，有top和bottom两个值(都是有居中属性) 四、empty-ce.... Read More >
2016
12-16

CSS文本样式

一、优先级，如果某一个样式被优先级高的给替换掉了，却又想执行这个样式方案，可以将这个方案标记成重要样式(important)。 color:green !important;//强行设置最高优先级 二、样式继承只适用于元素的外观(文字、颜色、字体等)，而元素在页面上的布局样式则不会被继承。如果继承这种样式，就必须使用强制继承：inherit。 <p>这是<b&g.... Read More >
12下一页 »