CSS综合

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

  • 语义化标签优先;
  • 基于内容、功能、表现命名,使用小写,简略明了无后患,用中横线连接;
  • css的 :后加个空格, { 前加个空格;
  • 每条声明后都加上分号;
  • 使用换行和缩进使得代码更整洁
  • 相关的属性声明应当归为一组,并按照下面的顺序排列:
    1、Positioning
    2、Box model
    3、Typographic
    4、Visual
  • HTML 属性应当按照以下给出的顺序依次排列,确保代码的易读性:
    1、 class
    2、id, name
    3、data-*
    4、src, for, type, href, value
    5、title, alt
    6、role, aria-*

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

1.绝对定位
2.用vertical-align实现
3.用table-cell实现

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

链接

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

推荐阅读更多精彩内容

  • 说一说你平时写代码遵守的编码规范常见的编码规范语义化:1.语义化标签优先2.基于功能命名、基于内容命名、基于表现命...
    24_Magic阅读 1,697评论 0 0
  • 常用的编码规范 HTML部分 语法 使用2个空格代替制表符; 默认缩进2个空格; 属性定义全部使用双引号""; 不...
    Sketch阅读 2,481评论 0 0
  • HTML、CSS的一些编码规范 HTML:用两个空格表示缩进。嵌套元素应当缩进一次。对于属性的定义,确保全部使用双...
    liushaung阅读 2,490评论 0 2
  • 说一说你平时写代码遵守的编码规范 HTML 注意标签的语义化,减少无意义的标签标签名小写,正确闭合标签属性值用双引...
    肥鱼666阅读 2,720评论 0 0
  • 三球一维空 宇宙浩瀚海 你在哪? 你的家在哪? 你的城在哪? 你的国在哪? 你的星球在哪?
    纵情嬉戏天地间阅读 1,454评论 0 0

友情链接更多精彩内容