css综合

作者: 进击的前端_风笑影 | 来源:发表于2017-07-26 20:38 被阅读0次

一,说一说你平时写代码遵守的编码规范

1.css选择器离{}一个空格
2.css一个属性占一行
3.(color: red)值离冒号一个空格
4.class命名要语义化,用小写,尽量根据其功能、内容命名
5.每条声明后加分号

二,垂直居中有几种实现方式,给出代码范例

1.transform: translate(50%,50%)http://js.jirengu.com/levutiyufa/4/edit
2.使用vertical-align代码如下:http://js.jirengu.com/juhasuquma/2/edit
3.使用负margin:left: 50%;top: 50%;margin-left: -(元素宽度的一半)margin-top:-(元素高度的一半)http://js.jirengu.com/cugocuqayu/1/edit
4.利用display: table-cell 代码如下http://js.jirengu.com/vopuweqeya/2/edit
5.利用上下padding等值来实现垂直居中http://js.jirengu.com/vuwificumi/3/edit

三,实现如下效果

http://js.jirengu.com/qukotumiza/1/edit

相关文章

  • CSS综合

    1、 前端编码规范 HTML书写规范 所有编码均遵循xhtml标准, 标签 & 属性 & 属性命名 必须由小写字母...

  • css综合

    1.说一说你平时写代码遵守的编码规范 1.1 标签语义化 1.2 tab用两个空格表示 1.3 不在自闭和的元素末...

  • CSS 综合

    1.平时写代码遵守的编码规范 tab 用两个空格表示 css的 :后加个空格, {前加个空格 每条声明后都加上分号...

  • CSS综合

    编码规范 命名技巧语义化语义化标签优先基于功能命名、基于内容命名、基于表现命名简略、明了、无后患命名范例所有命名都...

  • CSS 综合

    1. 说一说你平时写代码遵守的编码规范 命名规范命名用英文小写,中间用中划线链接命名用引号包裹命名体现功能,不涉及...

  • css综合

    1.编码规范 我平时写代码所遵循的规范如下: 命名都用小写,多个单词时用中划线连接。 命名用有意义的单词,做到看到...

  • css综合

    说一说你平时写代码遵守的编码规范 书写规范 tab用两个空格表示 css的:后加空格,{前加空格。 每条声明后都加...

  • css综合

    1.说一说你平时写代码遵守的编码规范 1.命名规范 语义化标签优先 基于功能、内容、表现命名 简单明了无歧义 2....

  • css综合

    HTML、CSS的一些编码规范 HTML:用两个空格表示缩进。嵌套元素应当缩进一次。对于属性的定义,确保全部使用双...

  • CSS综合

    1.说一说你平时写代码遵守的编码规范 命名技巧语义化标签优先基于功能命名,基于内容命名,基于表现命名简明、明了、无...

网友评论

      本文标题:css综合

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