关于 CSS

css: cascading style sheet 层叠样式表

各种选择器以及不同选择器的搭配,其中最常用的还是类选择器, 不过工作中用的 less, 那些搭配其实也用不太到, 说到 less , 当时直接上手就用了, 也没好好看下, 等有时间了去看下 less 文档, 看看有没有什么知识点遗漏的(肯定会有)

  • 继承性
  • 层叠性

!important 提升权重, 尽量不用


一个查看不同浏览器支持样式的网站


盒子模型


标准文档流/普通文档流

脱离标准文档流的方法:
* 浮动 float
* 绝对定位 absolute
* 固定定位 fixed

为什么要脱标呢?我的理解就是有更多布局样式,不然太单调了
还有一点要注意的是 margin 本来会塌陷,但脱标后就不会塌陷了


清除浮动


伪类

主要是 a 标签的
* a:link
* a:visited
* a:hover
* a:active

用 display: block 转块设置高度


background

  • background-img: url(abc.jpg)

    url: uniform resource location

  • background-repeat
  • background-position
  • background-attachment: fixed / scroll(默认)
    背景图片固定不动
  • background

CSS Spirit 技术: 说的通俗点就是多个图标放在一张图片上,然后通过显示这张图片的不同部分来达到多个图标的目的。当然不限于图标
**[定位](http://www.w3school.com.cn/css/css_positioning.asp)**
  • static(默认)
  • relative
  • absolute
  • fixed

z-index: 工作中用到主要是蒙层或者弹窗、模态框之类的。
如果遇到 z-index 失效的情况,可以参考这篇文章

猜你喜欢

转载自blog.csdn.net/zhuyuchen321/article/details/81940866
今日推荐