任务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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、说一说你平时写代码遵守的编码规范 我平时一般遵守如下规范:1、所有命名都使用英文小写2、命名用引号包裹3、每条...
    大胡子歌歌阅读 232评论 0 0
  • 说一说你平时写代码遵守的编码规范html: 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得...
    _小黑阅读 160评论 0 0
  • 1 . 说一说你平时写代码遵守的编码规范编码规范语义化 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 ...
    mhy_web阅读 243评论 0 1
  • 1.说一说你平时写代码遵守的编码规范 使用语义化标签 命令使用英文小写 命令使用“”包裹 2.垂直居中有几种实现方...
    upup_dayday阅读 87评论 0 0
  • 连续193 【诗149:6】愿他们口中称赞神为高,手里有两刃的刀, 《感动》这两刃的刀就是抵挡撒旦计谋的神的话语。...
    报佳音阅读 824评论 0 0