
CSS
清风乐鸣
前端开发工程师
展开
-
CSS透明属性详解代码
本文介绍一下关于CSS透明属性详解及背景透明继承解决办法hack,如果你在使用css透明背景之类的此文章可帮你解决许多不兼容问题透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:复制代码 代码如下:.transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opa原创 2015-07-03 18:54:15 · 547 阅读 · 0 评论 -
你可能没注意的CSS单位
# 扶今追昔CSS中的单位我们**经常**用到`px`、`pt`、`em`、`百分比`,px和pt不用多说## emem是相对单位,参考物是父元素的`font-size`,具有继承的特点如果字体大小是16px(浏览器的默认值),那么 `1em = 16px`这样使用换算很复杂,尤其是和px对应,大家总结出了经验 body { font-size: 62.5%; }这样之后 `1em = 10px`原创 2015-07-13 19:25:10 · 477 阅读 · 0 评论 -
HTML5 data-* 自定义属性
在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题,而且关于Attribute和Property的区别也让人十分头痛,在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。读写方式data-*有原创 2015-07-13 19:29:20 · 632 阅读 · 0 评论 -
css样式规范
网页css所有标签全部按初始化设置/* Reset */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p{color:#333333; font:12px/1.5 tahoma,arial,\5b8b\4f53; list-style:none; margin:0px; p原创 2015-08-08 12:57:42 · 635 阅读 · 0 评论 -
CSS 字体代码
.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }说明: 加上中文名“微软雅黑”是为了兼容opera。 MicrosoftJhengHei为微软正黑体,STHeiti为华文黑体,MingLiu记得11px下的中文有着不凡的效果。 在c原创 2015-08-24 15:21:18 · 809 阅读 · 0 评论 -
命名基础
在写CSS的时候,经常为一些名字而发愁,比如说菜单后面的背景要用什么词来表示呢?大家都知道,菜单一般用menu来表示,那么菜单后面的背景我会用menubg,CSS里就写#menubg {…}。还有一些其他的比如搜索框之类的应该怎么命名呢?下面有一些可以算得上是标准的命名吧。如果有错误或者遗漏请朋友们帮忙补上,谢谢![Copy to clipboard]CODE:页头:hea原创 2015-08-14 10:15:07 · 467 阅读 · 0 评论 -
网页设计师必备的10个CSS技巧
1. @font-face一种用其他服务器上的字体的好方法。很明显,如果你不能在托管服务器上找到你需要的字体,你可以在样式中使用这个方法来引入你需要的字体。1234@font-face { font-family: Blackout; src: url("assests/blackout.ttf") format("truetype");原创 2015-09-15 11:25:57 · 559 阅读 · 0 评论 -
设备像素比devicePixelRatio的应用
我们这里所说的devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持。概念devicePixelRatio ,它是设备上物理像素和设备独立像素( device-independent pixels (dips) )的比例,即 devicePixelRatio = 屏幕物理像素/设备独立像素 例原创 2017-08-22 16:25:08 · 2288 阅读 · 0 评论