分类目录归档：CSS学习

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边框与背景

CSS定位(position)：相对定位resition、绝对定位absolute和fixed resition基于文档流的位置，原文档流位置保留 absolute基于父元素，脱离文档流，原文档流位置不保留 fixed基于浏览器窗口，脱离文档流，原文档流位置不保留 边框： 边框border的样式： none：没有边框 solid：实线边框 dashed：破折线边.... Read More >
2016
12-16

CSS文本样式

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

常见css选择器

1. *　　选择页面每个元素。建议不使用，它给浏览器带来太多的负担。 * {margin: 0; padding: 0;} 通配选择器也可以用到子选择器上。 #container * {border: 1px solid black;} 2. #X　　ID选择器。使用之前也需要谨慎，因为id选择器不能重复使用。不过id选择器的渲染速度是最快的。 #container {width: 96.... Read More >