一些css小技巧

1.ie不支持!important属性

2.盒子阴影(box-shadow)

3.禁用鼠标事件(element{pointer-event:none})

4.首字放大

p:first-letter{

        display:block; float:left; font-size:1.7em; margin: 10px 10px;

}

5.用css翻转图像

img{

transform:scaleX(-1); filter:FlipH;

}

6.元素透明(opacity(0-1))

7.使用负的nth-child选择器

选择ul下的第一个到第七个li

ul li:nth-child(-n+7):

8.让表格单元格等宽(table-layout:fixed;)

9.模糊文本

p{

color:transparent; text-shadow:0 0 5px rgba(0 ,0 ,0 .5)

}

10.link状态的顺序

a:link | a:visited | a:hover | a:active

11.字体简写 font:font-size | font-weight | font-style | font-family

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Git介绍 Git是目前最先进的分布式版本控制系统 那什么是版本控制系统? 如果有一个软件,不但能自动帮我记录每次...
    左左4143阅读 384评论 0 2
  • 1.FHS标准 Linux 的目录结构说复杂很复杂,说简单也很简单。复杂在于,因为系统的正常运行是以目录结构为基础...
    原点_da4e阅读 549评论 0 0
  • 2019年2月20号 星期三 晴 每天突发的事件总是会让人来个措手不及,再强大的人儿的状态,我想都会受影响...
    张晨曦520阅读 578评论 2 11