div+css设计中ID的命名习惯和规范
发布时间：2018-08-31 12:50:35 所属栏目：创业 来源：站长网
导读：各人都知道类型的css定名可以加强样式法则的可读性，便于其后你或别人对页面的修改。早先我写css法则的时辰,用汉语的缩写来定名，此刻看来是很不专业的，也给我的后期维护挥霍精神。 按照本身的而写法风俗和网上的一些写法，我总结了一套合用本身的id定名写
|
各人都知道类型的css定名可以加强样式法则的可读性，便于其后你或别人对页面的修改。早先我写css法则的时辰,用汉语的缩写来定名，此刻看来是很不专业的，也给我的后期维护挥霍精神。 按照本身的而写法风俗和网上的一些写法，我总结了一套合用本身的id定名写法.拿出来晒一晒。 CSS 类和ID的常用定名： 网站头部: head/header(头部) top（顶部） 导航： nanv 导航详细区分：topnav(顶部导航)、mainnav(主导航)、mininav(迷你导航)、textnav(导航文本)、subnav(子导航/二级导航) 旗子、告白和商标：logo（旗子）、brand(商标)、banner(口号) 搜刮：sreach(搜刮)、sreachbox(搜刮框)、sreachbtn(搜刮按钮)、sreachinput（搜刮输入框） 注册和登录：login(登录)、regsiter(注册)、userbox(用户名/通行证的文本框)、password(暗码) 机关、分栏和框： layout(机关)、bigdiv(大div)、leftdiv(左分栏)、rightdiv(右分栏)、leftfloat(左浮动)、rightfloat(右浮动)、mainbox()、subpage(子页面/二级页面) 页脚/底部：foot/footer(页脚/底部)、copyright(版权信息)、sitemap(网站舆图) 其他：content(内容)、skin(皮肤)、title(问题)、from(表单)、pic(图片)、news(消息)、shop(购物区)、list(列表/清单)、newslist(消息列表)、downloadlist(下载列表)、piclist(图片列表)、dropmenv(下拉菜单)、cor/corner(圆角)、homepage(首页)、crumb(当前位置导航) 现实上上面的id定名我会常常用巨细写和_来区分，好比主导航就是MainNav,假如尚有须要在区分就是MainNav_1,MainNav_2等等。也可以行使"范例+变量名称"的法则来定名，好比写一个赤色字体的class,可以.f_red {}(f是font 字体的缩写)。总之原则是：巨细写、_、缩写，大大加强代码的可读性。 其它我还常常行使"in"的写法做子divd的定名，写法in+父div,这样可以停止前面定名过了后头div不知道怎么去定名。好比intop、inbox、infrom、inlogin等等。 没有一个真正尺度的定名类型，每小我私人都有本身的一套写法。可是要只管向各人所认同的类型上靠，事实这在团队相助上有莫大的益处。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
