CSS-CSS综合

作者: 饥人谷_bigJiao | 来源:发表于2017-09-25 00:21 被阅读0次

编码规范

  1. 所有命名都使用英文小写
  2. 命名用引号包裹
  3. 用中横线连接
  4. 命名体现功能,不涉及表现样式(颜色、字体、边框、背景等)
  5. tab 用两个空格表示
  6. css的 :后加个空格, {前加个空格
  7. 每条声明后都加上分号,都要换行,而不是放到一行
  8. 颜色用小写,用缩写, 如#fff
  9. 小数不用写前缀, 0.5s -> .5s;0不用加单位
  10. 尽量缩写, margin: 5px 10px 5px 10px -> margin: 5px 10px

垂直居中有几种实现方式

  • 4种
  1. 动态高度垂直居中
    • 设置上下padding相等
    • demo
  2. 绝对定位实现居中
  3. vertical-align实现居中
  4. table-cell实现居中

伪类和伪元素

伪类

  • 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化


    伪类列举.png

伪元素

  • 伪元素用于创建一些不在文档树中的元素,并为其添加样式。
伪元素.png

伪元素应用(4个)

  • 清除浮动
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

伪类与伪元素参考文章

相关文章

  • CSS-CSS综合

    编码规范 所有命名都使用英文小写 命名用引号包裹 用中横线连接 命名体现功能,不涉及表现样式(颜色、字体、边框、背...

  • CSS-CSS布局

    CSS布局 v1&v2 常见布局(PC) 固定宽度布局 弹性(fluid)布局 响应式布局 —— 多终端(PC、P...

  • CSS-CSS样式2

    1.text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 作用是让元素的文本内...

  • CSS-CSS常见样式

    1.块级元素和行内元素分别有哪些? 块级元素(block-level) 行内元素(内联、inline-level)...

  • 无从说跟着李南江学习CSS-CSS学习

    无从说跟着李南江学习CSS-CSS学习 在学完H5之后,我又学习了CSS的相关内容,CSS主要功能是完成网页...

  • 11、HTML&CSS-CSS统筹

    每天一句:你的时间有限,所以不要浪费时间去过别人的生活。你必须相信点滴的进步会连接着你的未来。 一、CSS文档统筹...

  • 02、HTML&CSS-CSS基础

    每天一句:你想人前显贵,必得背后受罪。 一、服务器相关 1、服务器的分类: 2、服务器的搭建: 3、URL全称un...

  • 03、HTML&CSS-CSS核心属性

    每天一句:害怕失去,害怕失败,就拼命的往前奔跑吧。 一、PS相关操作 二、CSS基本属性 1、width: 宽度 ...

  • 苏州相对知名的IT/互联网公司名单V1.0

    一、舶来公司 综合——微软 (Bing业务) 综合——思科 综合——华为 综合——甲骨文 综合——方正软件 电子发...

  • 整形项目之眼综合

    整形项目之眼综合 【简介/Brief Introduction】 别称:眼部综合、眼部综合整形、综合美眼术等。 该...

网友评论

    本文标题:CSS-CSS综合

    本文链接:https://www.haomeiwen.com/subject/klglextx.html