头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体佈局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签:tags
文章列表:list
提示信息...
好多盆友 很纠结 css命名规则 怎么弄,还没起步就被绊住了,那么今天蝈蝈就针对这个问题来讨论一下 没什么技术含量,但却对效率开发至关重要的“问题”。下文是一些知乎大神的个人经验总结,如果觉得有用请点赞 留言! JS前端实用开发QQ群 :147250970 欢迎加入~!如何看待 CSS 中 BEM 的命名方式?BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种CSSClass 命名方法。类似于:.block...
具体如下: 要注意的内容: 一,命名所选用的单词应选择不过于具体表示某一状态(如颜色、字号大小等)的单词,以避免当状态改变时名称失去意义。 二,样式类名由以字母开头的小写字母(a-z)、数字(0-9)、下划线(_)、减号(-)组成。 ID名称由不以数字开头的小写字母(a-z)、数字(0-9)、下划线(_)组成。 可使用类似下面的规则: [模块前缀|类型|作用]_[名称]_[状态|位置] 约定模块、类型、状态、位置等的所使用的单词或其...
前端的工作很细,涉及的东西也很多,静态页面和js开发,调接口之类,有时还要自己设计。现在css管理使用less和sass,新东西起码要支持下,具体用与不用看公司的业务需求。前端人员之间的配合也很重要要有统一的文档,命名和一些规范。现在介绍一下网易的NEC,我觉得很不错。起码在命名和一些规范,动画效果上可以快速开发,代码写的快是王道我喜欢这句话。原文:http://www.cnblogs.com/heboliufengjie/p/4149600.html
(壹)常用的CSS命名规则头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:search友情链接:friendlink页脚:footer版权:copyright滚动:scroll内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title...
CSS选择器命名及常用命名CSS选择器命名及常用命名规范的命名也是Web标准中的重要一项,标准的命名可以使代码更加易读,而且利于搜索引擎搜索,比如定义了两个div,一个 id 命名为“div1”,另外一个命名为“News”,肯定第二个比较易读,而且搜索引擎抓取率要高,在团队合作中还可以大大提高工作效率。为了达到这种效果我们就要规范化命名(语义化命名)! 说个题外话,规范化命名的代码,会显着你更加专业! 关于CSS命名法,和...
我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。 命名规则说明: 1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5" 3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4)、空元素要有结束的tag或于开始的tag后加上"/" 5)、表现与结构完全分离,...
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer ...
一般写css中常用的标识符命名是英文单词组合。某天碰到有人问到可以使用._1这样子的命名吗?然后傻眼了,没有想过是否有这种命名方式In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed b...
另外单独定义莫个li时,前面的父级要写全 css 复制代码代码如下:.loginbox_ul li{float:left;height:30px;line-height:30px;width:100px;background:;} .loginbox_ul li a:link,.loginbox_ul li a:visited{color:#6666cc;} .loginbox_ul .last{border:none;font-size:24px;display:none;} html 复制代码代码如下:<ul class="loginbox_ul"> <li><a href="#">QQ账号</a></li> <li><a href="#">QQ账号</a></li> <li><a href="#">QQ账号...
在前端开发中,规范使用 DIV+CSS 命名,可以增强团队合作提高开发效率,有利于页面后期的维护和优化。(1) 页面结构命名作用wrap外套、包裹,用于最外层wrapper外套,用于页面外围控制整体布局宽度box盒子,容器header头部,用于页头部分nav导航,主导航main主要区域,内容主体content/container内容,内容容器sidebar侧边栏footer底部,用于页脚部分(2) 功能区块命名作用left center right左中右main-left左侧主要布局main-right右...
一、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书写规范 1.使用CSS缩写属性 CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。2.去掉小数点前的“0”3.简写命名很多...
?1234567891011121314151617181920212223242526/* mozilla.org Base Styles * maintained by fantasai *//* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */... 来源:?1http://www.mozilla.org/css/base/content.css 在怿飞’s
Bl...
页面制作最重要的就是CSS,定义合理的CSS命名规范,可以大幅提高页面制作的效率和方便开发及相关人员修改编写。1.通用命名规则:1) 所有ID或者class字母和数字之间用“_”连接,如:
#col_1、#col_22) 所有ID或者class两个单词之间的链接采用骆驼式命名法,如:
mianNav、footNav3) 页面主体框架布局命名:Lay_1、Lay_2 、Lay_34) 栏目布局容器命名一律采用:
col_1、col_2、col_3、col_4、col_N5) ...
(一)常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚...