随笔分类 -  CSS

web前端 兼容性问题
摘要：1:position属性使用过多或使用位置不恰当引起滚动时页面错乱 浏览器环境：ie7position:relative; 网页上最直接表现就是极具破坏性的滚动错位，问题产生来自ie7自身渲染解析出错；这个问题的解决方案没有具体的代码，尽量避免在过多层级中使用该属性，绝对禁止为无需要无作用元素添加该属性，如tr、td等 2: 跨浏览器的CSS透明度 .transparent { opa... 阅读全文
posted @ 2016-10-04 18:59 殷的博客-Exploration 阅读(251) 评论(0) 推荐(0)
CSS3学习笔记
摘要：1 2D转换：transform 变换 1.1 translate（x,y） 1.1.1 移动元素，x为正表示在x轴向右移动，y为正表示在y轴向下移动 1.2 rotate 1.2.1 旋转角度，单位（deg） 1.3 scale 1.3.1 缩放大小，单位（x）整体扩大x倍 1.3.2 scale 阅读全文
posted @ 2016-04-22 21:31 殷的博客-Exploration 阅读(158) 评论(0) 推荐(0)
如何用CSS进行网页布局---学习总结
摘要：页面布局：对页面的文字、图形或表格进行格式设置。包括字体、字号、颜色纸张大小和方向以及页边距等 页面布局分为4种： 一栏布局 两栏布局 三栏布局 混合布局 灵活利用float、position对页面进行布局 清除浮动 方法一: 针对受到浮动影响的元素操作 clear：both； 方法二： 针对受到浮 阅读全文
posted @ 2016-03-23 13:05 殷的博客-Exploration 阅读(210) 评论(0) 推荐(0)
W3Cschool学习笔记——CSS3教程
摘要：向 div 元素添加圆角： background-origin 属性规定背景图片的定位区域。 背景图片可以放置于 content-box、padding-box 或 border-box 区域。 在 CSS3 中，text-shadow 可向文本应用阴影。 您能够规定水平阴影、垂直阴影、模糊距离，以 阅读全文
posted @ 2016-03-22 21:33 殷的博客-Exploration 阅读(419) 评论(0) 推荐(0)
W3Cschool学习笔记——CSS教程
摘要：当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？ 一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。 因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中 阅读全文
posted @ 2016-03-22 20:34 殷的博客-Exploration 阅读(247) 评论(0) 推荐(0)