zoukankan      html  css  js  c++  java
  • CSS知识点

    1、CSS选择器优先级

      *   优先级就近原则,同权重情况下样式定义最近者为准;
      *   载入样式以最后载入的定位为准;
     优先级为:
      	同权重: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
      	!important >  id > class > tag
      	!important 比 内联优先级高
    
    
    标签的权重为1,class的权重为10,id的权重为100

    2、CSS3新增了哪些特性
    新增各种CSS选择器 (: not(.input):所有 class 不是“input”的节点)
       圆角 (border-radius:8px)
       多列布局 (multi-column layout)
       阴影和反射 (ShadowReflect)
       文字特效 (text-shadow、)
       文字渲染 (Text-decoration)
       线性渐变 (gradient)
       旋转 (transform)
       缩放,定位,倾斜,动画,多背景 例如:transform:scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg)Animation:

    3、为什么要清除浮动。清除浮动的方法有哪些

       1.父元素的高度无法被撑开,影响与父元素同级的元素
      2.与浮动元素同级的非浮动元素(内联元素)会跟随其后
      3.若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显示的结构
      解决方法:
    1.额外标签法,<div style="clear:both;"></div>/*(缺点:不过这个办法会增加额外的标签使HTML结构看起来不够简洁。) */
     2.浮动父元素 /* 过多使用float与Web精髓相违背 */
    3.设置overflow为hidden或者auto
    4.父元素上加一个 clearfix 类
    .clearfix:after, .clearfix:before{
    content: " ";
    display: table;
    }
    .clearfix:after {
    clear: both;
    }

    4、还有很多,待续





  • 相关阅读:
    MongoDB配置客户端
    fatal: refusing to merge unrelated histories
    Connection reset by [server_ip] port 22 (hexo d 部署博客出错)
    hexo d 部署博客时出错
    git reset --hard xxxxxxx
    查看MySQL版本的命令及常用命令
    log4j 知识点
    ssh 登录报错 packet_write_wait: Connection to x.x.x.x port 22: Broken pipe
    Windows&Word 常用快捷键
    Apache所有开源项目文件
  • 原文地址:https://www.cnblogs.com/wanonder/p/7472702.html
Copyright © 2011-2022 走看看