zoukankan      html  css  js  c++  java
  • css 笔记

    外边距合并

    当一个元素出现在另一个元素的上面时,第一个元素的下外边距第二个元素的上外边距会产生合并,两个盒子之间的上下间距为大的数值。

    当一个子元素包含在另外一个父元素(假设没有内边距 没有边框),他们的上外边距会发生合并也是取大的数值。

    选择器的优先级顺序

    ID(#id ID选择器) > Class(.class 类选择器) > Type(header 标签选择器)

    /* 行高能够设置文字垂直居中 ,只对文字起作用,对图片不起作用*/

    line-height:40px;

    /* rgba a为0时表示完全透明,a为1时表示完全不透明 */

    background:rgba(0,0,0,0.4);

    /* 第一个值:水平向右方向。第二个值:垂直向下方向。第三个值:阴影模糊。第四个值:扩大阴影。 */
    box-shadow:1px 1px 2px 2px #eee;

    /* 鼠标移到元素上时手指形状 */

    cursor:pointer;

    /* 层级越大越优先显示,只有定位元素(position)才能设置层级 */

    z-index:1;

    margin 的单位px em in mm %(em相对于字体尺寸设置 1em=16px)

    /* 左上 右上 右下 左下 */

    border-radius:10px 0 0 10px;

    20个编写现代 CSS 代码的建议:https://www.oschina.net/news/77038/20-modern-css-tips

  • 相关阅读:
    首页效果
    vue 资源精选
    webpack
    常用代码
    超炫效果
    TJ 大神 与 node
    fis webpack 原理对比
    前端自动化测试
    非常强的用户体验的网站功能
    蔡康永: 说话之道
  • 原文地址:https://www.cnblogs.com/snowcan/p/5828915.html
Copyright © 2011-2022 走看看