css3.0新增属性

ie6只兼容a:hover 别的hover不兼容
层级选择器里面用+号表示紧跟着的兄弟元素
一般有浮动的元素都要加宽度
float:left; left可以替换成像素  
导航的三种加宽:
    只用width实现:字数一致的时候可行
    只用padding实现:完美
    只用margin实现:必须保证li里面没有修饰的东西 比如竖杠啥的东西
css新增的属性:
    
border-radius 圆角边框
border-top-left-radius:左上圆角半径
border-sizing:border-box 忽略内边距和边框 在量宽和高的时候就可以连同内边距和边框一块量了
@font face
    font-famil:(这里自己起个名字)
    src:url(../font/xxx.otf);
然后下面引用的时候font-famil用上面起的名字就ok了
一行文本实现省略号
    text-overflow(文本溢出处理):ellipsi(省略号形式显示)/clip(裁切掉)
    下面这俩都不是新增的:
        overflow:内容溢出处理:auto/hidden/visible/scroll
        overflow-x
        overflow-y
        white-space:norap(不换行)
 
    word-wrap:break-word 打断一个单词 单词换行显示了
 
    text-stroke:1px red;给文字描边
        text-stroke-width:1px;
        text-stroke-color:red;
    text-fill-color:red; 文字填充
文字阴影
    text-shadow:x y blur color (x.y不能省略,没有的话写0 后面的两项可以省略)
        x值得是阴影部分水平方向的偏移 y是垂直方向 xy可以是负值
        blur:阴影的大小                不可是负值
        color:阴影的颜色        
    text-shadow:x y blur color,x y blur color,x y blur color,x y blur color;
盒阴影
    box-shadow:x y blur size color outset/inset
        x值得是阴影部分水平方向的偏移         可以负值
        y是垂直方向 xy可以是负值            可以负值
        blur:阴影的大小                不可是负值
        size
        color:阴影的颜色    
    border-image-    
        
    先变成智能对象 再变成栅格化图层 然后ctrl+e
 
 
    属性选择器
        [标签属性]
        [标签属性=属性值]
    outline=none;取消外框线    
    outline:1px solid red;自定义一个外边框类型
 
    在div里面用opacity内容和颜色都透明
    background里面用rgba实现透明 只有颜色透明
               
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值