任务13-CSS 综合

1.编码规范

tab用两个空格表示
css的后加空格,{前加空格
每条声明后加;
每条命令换行,不放到一行
颜色用小写和缩写
小数不写前缀0.5s.5s,0不加单位
尽量缩写

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

  • 设置上下padding相等,子元素中的内容会撑开父元素的大小。
  • 使用vertical-align,before里的height注意要写成100%,vertical-align只有在作用表格和行内元素生效,块级元素不生效。


页面地址:http://js.jirengu.com/jojababaqa/1

  • 父元素加position,利用position、transform使modal在不同屏幕大小都可以居中展示,唯一缺点是transform命令在低版本浏览器无法识别。

页面地址:http://js.jirengu.com/jiricoxiji

  • 用display:table-cell命令,缺点是浏览器将会把你table-cell的部分以表格的方式渲染。


网页地址:http://js.jirengu.com/fuhasaqedo/1/edit?html,css,output

3.实现如下效果,每种效果都只使用一个html 标签来实现

页面地址: http://js.jirengu.com/jacowojesa/2/edit?html,css,output

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

相关阅读更多精彩内容

  • 1、说一说你平时写代码遵守的编码规范 我平时一般遵守如下规范:1、所有命名都使用英文小写2、命名用引号包裹3、每条...
    大胡子歌歌阅读 1,661评论 0 0
  • 说一说你平时写代码遵守的编码规范html: 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得...
    _小黑阅读 1,292评论 0 0
  • 1 . 说一说你平时写代码遵守的编码规范编码规范语义化 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 ...
    mhy_web阅读 1,720评论 0 1
  • 1.说一说你平时写代码遵守的编码规范 使用语义化标签 命令使用英文小写 命令使用“”包裹 2.垂直居中有几种实现方...
    upup_dayday阅读 861评论 0 0
  • 在学习Spring框架的过程中,大家都会遇到IOC(Inverse of Control)的概念,翻译成中文,即是...
    Andy_1777阅读 2,860评论 0 1

友情链接更多精彩内容