博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css技巧
阅读量:4360 次
发布时间:2019-06-07

本文共 895 字,大约阅读时间需要 2 分钟。

一、font快捷键写法

body {

    font: font-style font-variant font-weight font-size line-height font-family;
  }

例:body {

    font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;
  }

 

注意: 同时指定font-size font-family 才能这样简写

   当 font-size 和 line-height   只能使用斜杠/ 组成一个值  不能分开写

   font-size  font-varient  font-weight 可缺省  

   顺序不能改变

二、link顺序

  a:link

  a:visited
  a:hover
  a:active

三、ie专用语句

  属性前加*仅ie7能识别

  属性前加_仅ie6能识别

  *color: red;

  _color: red;

 

四、table 的 cell-padding

  HTML5不支持 cellpadding 属性

  使用 css  padding属性控制

 

五、透明

div {

  filter:alpha(opacity=50); //ie

  -moz-opacity: 0.5; //火狐

  -khtml-opacity: 0.5; //webkit核心的浏览器

  opacity: 0.5; 欧朋

}

六、css三角形

空的div 3个边框设置成透明  剩下一个可见 形成三角形

<div ></div>

div {

width: 0;

height: 0;

border-style: solid;

border-width: 0 10px 10px 10px;

border-color: transpant transpant transpant  green;

}

 

 

   

转载于:https://www.cnblogs.com/yigexiaojiangshi/p/7064241.html

你可能感兴趣的文章
Differences between page and segment
查看>>
Jdk与Tomcat配置与安装
查看>>
关于一个Java web与JFrame的深度结合
查看>>
VB连数据库conn.open的参数
查看>>
《信息安全系统设计基础》实验三
查看>>
SpringBoot Docs
查看>>
解决sublime text 2总是在新窗口中打开文件(标签中打开)
查看>>
VUE AntDesign DatePicker设置默认显示当前日期
查看>>
WIN32窗口模板
查看>>
859. Buddy Strings - LeetCode
查看>>
[置顶] 关键字弹出动画
查看>>
支付宝api指南
查看>>
二叉树的广度优先遍历、深度优先遍历的递归和非递归实现方式
查看>>
docker-compose部署kafka
查看>>
IOS中NSUserDefaults的用法(轻量级本地数据存储)
查看>>
cms项目技术心得!
查看>>
Django模板系统
查看>>
位(Bit)与字节(Byte)
查看>>
关于两次指针(struct型)传参数的问题
查看>>
在Logstash的配置文件中对日志事件进行区分
查看>>