css
-
关于IE6下的CSS多类选择符
多类选择符的写法。例如： #my.c1.c2 { color:red;} .c1.c2 { color:red;} 以上写法在IE7+/FF/Opera/Safari 等浏览器都支持。 但在IE6中，后一个类名会覆盖前一个类名，也就是说，上例被IE6理解为： #my.c2 { …
-
CSS实现背景透明，文字不透明（兼容各浏览器）
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外…
-
教你如何用CSS创建打印页面
用CSS创建打印页面，不必为打印而专门建立一个HTML文件，可以节省一些体力，其前提是按“WEB标准”用CSS+p布局HTML页面。 第一、在HTML页面加入为打印机设置的CSS文件 media=”screen” ，是面向屏幕的； media=”printR…
-
CSS清除浮动方法总汇
使用xhtml+css布局经常性地会使用到float,很多邪门的事儿都有可能是浮动在作怪,那么清除浮动就是必须要做的,而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。 此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。 body { font-size:24px; …
-
去掉超链接或按钮点击时出现的虚线边框
在前端制作的过程中会发现，一些文字/图片链接，或者一些input控件，在点击时会在周围出现虚线边框，一般会在火狐和IE浏览器下出现虚线框，谷歌下不会有。 这些虚线边框是作为对视觉设计的一种辅助，在不使用鼠标，而用键盘Tab键进行页面浏览时，会标示出当前所在的链接或控件的位置，便于浏览。这对那…
-
CSS命名规范及网站常用中英文对照表
本文整理了常见的CSS文件命名规范、CSS样式ID命名规范及其网站中常用的中英文对照。 一、样式文件命名规范 主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css 二、CSS注释 /*CS…
-
CSS浮动与浮动清除(BFC)简单教程
浮动 1. 什么是浮动 当元素的 float 属性不为 none 时就产生了浮动。 float .float { float: left; width: 100px; height: 100px; background-color: #ddd;} 2. 浮动的影响 浮动会使元素脱离文档流，具体表现为…
-
css之px自动转rem
作为一名前端开发，尤其是在做移动端适配时，rem是我们经常用到的单位，它的好处大家可以自行搜索，网上已经有很多了。但是我们再将设计稿上的px转换成rem时，得手动的去计算，这是一个很耗时、费力的过程，有没有什么办法可以“解放”我们呢？（原谅我的懒~） 1.CSS处理器 Sass、LESS以及Post…
-
CSS教程(三)伪类——动态链接
伪类可以看做是一种特殊的类选择符，是能被支持css的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。 1. 语法 伪类的语法是在原有的语法里加上一个伪类（pseudo-class）：selector:pseudo-class {property: valu…
