css综述

编码规范

语义化

语义化的标签优先
基于功能命名,基于内容命名,基于表现命名
简略、明了、无后患

书写规范

tab用两个空格表示
css的:后加个空格,{前加个空格
每条声明后加分号
换行
颜色用小写、用缩写
小数不用写前缀、0不用加单位
尽量缩写:margin:5px 10px 5px 10px;写成margin:5px 10px;
参考: google html css编码规范
bootstrap编码规范

垂直居中

  1. 上下padding相等(文字多,容器没有高度)
    编码
  2. 绝对定位(子元素的宽高是固定的)
    编码
  3. 用vertical-align(单行文本)
    编码
  4. 用margin:auto
    编码
  5. 用css3新属性
    编码
  6. 用绝对定位+css3新属性
    编码

代码

编码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 说一说你平时写代码遵守的编码规范常见的编码规范语义化:1.语义化标签优先2.基于功能命名、基于内容命名、基于表现命...
    24_Magic阅读 1,814评论 0 0
  • 说一说你平时写代码遵守的编码规范 每个程序员都会有自己的编码习惯,但是几乎每个项目,各个公司都会有自己的编码规范,...
    DCbryant阅读 2,394评论 0 0
  • CSS Q: HTML引入CSS的方式有哪些? A: HTML element的style属性,HTML内部sty...
    赵长安啊阅读 3,868评论 0 7
  • HTML 和 CSS 的编码规范 HTML编码规范- class 必须单词全字母小写,单词间以 - 分隔- cla...
    _空空阅读 4,340评论 0 5
  • 1. 命名技巧 - 语义化 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 从前到后依次优先 简略、明了...
    愁容_骑士阅读 2,656评论 0 0

友情链接更多精彩内容