规范化的CSS不仅利于团队合作,而且对后期的维护以及代码的重用,都是十分至关重要的,所以,学习总结CSS规范的相关知识。
原创
2021-06-01 11:40:23
236阅读
原创
2021-05-25 16:21:48
111阅读
空格规范【强制】 选择器 与 { 之间必须包含空格。示例: .selector { }【强制】 属性名 与之后的:之间不允许包含空格,:与属性值之间必须包含空格。示例:font-size: 12px;选择器规范【强制】 当一个 rule 包含多个 selector 时,每个选择器声明必须独占一行。示例:/* good */.post,.page,.comment { line-height: 1.5;}/* bad */.post, .page, .comment
原创
2020-06-29 19:51:37
998阅读
1评论
css书写规范
原创
2021-11-26 16:39:21
154阅读
前言CSS 作为网页样式的描述语言,在百度一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致,容易被理解和被维护。虽然本文档是针对 CSS 设计的,但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时,适用的部分也应尽量遵循本文档的约定。2 代码风格2.1 文件[建议] CSS 文件使用无 BOM 的 UTF-8 编码。解释:UTF-8 编码具有更广泛的适应
转载
2021-04-21 09:09:04
206阅读
2评论
页头:header
登录条:loginbar
标志:logo
侧栏:sidebar
广告:banner
导航:nav
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
翻译
精选
2007-05-28 07:53:15
1682阅读
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点
原创
2013-09-26 17:13:01
940阅读
点赞
一、CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation,
原创
2017-06-21 10:19:20
1034阅读
一.文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 二.常用类/ID命名规范 页 眉:header 内 容:content 容 器:container 页 脚:footer 版 权:copyright 导 航:menu 主导航:mainMenu 子导航:subMenu 标 ...
转载
2010-02-28 09:37:00
372阅读
2评论
常用的CSS命名规则:
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:downl
转载
2009-05-08 12:07:00
299阅读
2评论
CSS命名对于网页的开发管理的重要性往往被人忽略,很多初学者认为,css命名没什么,就是个名字而已,随便根据自己的意愿写就行了,因 为它对于网页的表现没有任何影响。可是有过网页制作和网站管理经验的人都会知道,css的命名对于网站的清晰和日后的管理很重要,初学者 应该从一开始就学习和尊重这些规范,...
转载
2014-06-28 11:02:00
357阅读
2评论
HTML规范:基于 [W3C](http://www.w3.org/)、[苹果开发者](https://developer.apple.com/) 等官方文档,结合网上总结的规范约定,让页面HTML代码更具语义性。
以下关于内容包括代码易读性和属性书写顺序推荐等。 ...
转载
2021-09-24 12:04:00
142阅读
2评论
CSS命名规范CSS样式命名整理页面结构容器: container/wrap 整体宽度:wrapper 页头:header 内容:content 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 中间内容:center导航导航:nav 导航:mainba...
转载
2014-05-19 09:46:00
168阅读
2评论
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main &nb
原创
2023-10-03 22:12:12
155阅读
一、CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation,
转载
2022-01-13 17:31:47
148阅读
一、CSS书写顺序 1.位置属性(position, top, right,z-index, display, float等) 2.大小(width, height, padding,margin) 3.文字系列(font, line-height,letter-spacing, color- te
原创
2023-06-12 10:36:51
115阅读
CSS书写顺序1.位置属性(position,top,right,z-index,display,float等)2.大小(width,height,padding,margin)3.文字系列(font,line-height,letter-spacing,color-text-align等)4.背景(background,border等)5.其他(animation,transition等)CSS
转载
2018-08-10 14:18:05
617阅读
代码结构
1. browser mode: standard quirk(兼容旧site ie旧boxmodel)
2. specificity:某个p有自己的特性
p {color: black;}
p.intro {color: grey;}
p .intro 是指包含在p内class为intro的元素
p {backg
原创
2011-11-09 09:10:11
825阅读
最近公司缺少人手,把我调到了一个前端开发中,哥本来就是做后台的,但是无奈只能硬着头皮上了,对于css怎么滴还还是了解,但是初始的命名整的我很头疼,怕被人家说,所以这里整理并转载了一些css的命名留作备用:关于css文件的命名。主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题
转载
精选
2012-03-29 10:17:15
1165阅读
目前大部分前端都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。
转载
精选
2014-01-24 12:23:04
653阅读