css综合

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

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

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

推荐阅读更多精彩内容

  • 说一说你平时写代码遵守的编码规范1.命名一律使用小写2.尽量使用基于功能写命名;如class=".content"...
    Komolei阅读 2,642评论 0 0
  • 1.说一说你平时写代码遵守的编码规范 CSS编码规范: 合理命名,使用语义化标签,基于功能命名、基于内容命名、基于...
    billa_8f6b阅读 1,724评论 0 1
  • 1.编码规范 我平时写代码所遵循的规范如下: 命名都用小写,多个单词时用中划线连接。 命名用有意义的单词,做到看到...
    leocz阅读 2,849评论 0 0
  • 1、 前端编码规范 HTML书写规范 所有编码均遵循xhtml标准, 标签 & 属性 & 属性命名 必须由小写字母...
    李博洋li阅读 2,682评论 0 0
  • 前言:这篇文章的关键词是个人提升,阅读需要5分钟。主要讲如何进行自我管理,如何处理兴趣与工作的关系,如何用正确的方...
    萌妈育儿记阅读 3,677评论 2 8

友情链接更多精彩内容