首页 css Div 样式规范写法

css Div 样式规范写法

css Div 样式规范写法DIVCSS规范命名大全集合网页制作中规范使用DIVCSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIVCSS命名规则CSS命名大全内容如下：页头：header 如：#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法登录条：loginBar 标志：logo 侧栏：sideBar广告：banner 导航：nav 子导航：subNav菜单：menu 子菜单：subMenu ...

DIVCSS规范命名大全集合网页制作中规范使用DIVCSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIVCSS命名规则CSS命名大全内容如下：页头：header 如：#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法登录条：loginBar 标志：logo 侧栏：sideBar广告：banner 导航：nav 子导航：subNav菜单：menu 子菜单：subMenu 搜索：search滚动：scroll 页面主体：main 内容：content标签页：tab 文章列表：list 提示信息：msg小技巧：tips 栏目标题：title 加入：joinus指南：guild 服务：service 热点：hot新闻：news 下载：download 注册：regsiter状态：status 按钮：btn 投票：vote合作伙伴：partner 友情链接：friendLink 页脚：footer版权：copyRight常用配合标签div、h1、h2、h3、h4、span、em、b、strong、font、u1.CSS的ID的命名也许你需要了解class与Id区别外　套：wrap 主导航：mainNav 子导航：subnav页　脚：footer 整个页面：content 页　眉：header版权：copyRight 商　标：label 标　题：title主导航：mainNav(globalNav) 顶导航：topnav边导航：sidebar 左导航：leftsideBar 右导航：rightsideBar旗　志：logo 标　语：banner 菜单内容1：menu1Content菜单容量：　menuContainer 子菜单： submenu边导航图标：sidebarIcon 注释：　note面包屑：breadCrumb(即页面所处位置导航提示)容器：container 内容：content 搜索：search登陆：login 功能区： shop(如购物车，收银台)当前：currentDIVCSS命名小结：无论是使用“.”（小写句号）选择符号开头命名，还是使用“#”(井号)选择符号开头命名都无所谓，但我们最好遵循，主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名，同时考虑命名的CSS选择器在HTML中重复使用调用。通常我们最常用主要命名有：wrap（外套、最外层）、header（页眉、头部）、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)、content(内容区)、footer(页脚、底部)、logo（标志、可以配合h1标签使用）、banner（广告条，一般在顶部）、copyRight（版权）。其它可根据自己需要选择性使用。DIVCSS5建议：主要的、重要的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名。2.CSS样式文件命名如下主要的master.css布局，版面layout.css专栏columns.css文字font.css打印样式print.css主题themes.css也许你需要了解一下css引用到html方法以上为DIVCSS的命名规则总结，相信通过规范的CSS命名给你以后网站网页的维护带来方便。 DIVCSS虚线边框|CSS虚线下划线及虚线列表教程DIVCSS虚线边框|CSS虚线下划线及虚线列表教程1、CSS边框虚线 - TOP这里通过边框属性的虚线边框border控制虚线。以下设置的css高度(cssheight)和css宽度（csswidth）为350像素是为了便于观看演示其它意思。一、四边为虚线边框border:1pxdashed#000;黑色虚线边框实例：CSS代码：.divcss5{border:1pxdashed#000;height:50px;width:350px}Html代码：我的四边为黑色虚线边框

这里设置边框缩写方式定义divcss5选择器四边边框为1px的黑色虚线边框二、左边为虚线：CSS代码：.divcss5-1{border-left:1pxdashed#000;height:50px;width:350px}Html代码：我的左边为黑色虚线边框

这里设置了左边一边为黑色虚线边框三、任意一边不为虚线，其它三边为虚线情况加入右边边框不为虚线而没有边线，其它三边为黑色虚线边框CSS代码：.divcss5-5{border:1pxdashed#000;border-right:0;height:50px;width:350px}Html代码：我的右边边框无边线而其它三边为黑色虚线边框实例

这里通过先设置了该对象四边为黑色1px虚线边框，紧接着又设置一边边线为0的设置，这样相当于设置了3边的边框虚线属性，但是这里注意边框属性设置前后顺序。2、超链接虚线下划线 - TOP我们常常会设置被链接的文字内容要么带链接有虚线的下划线，或鼠标移动到有链接的文字上出现虚线下划线，这个怎么实现的呢，这里为大家介绍关于CSS超链接的虚线下划线。一、带链接文字有虚线下划线这里也是通过CSSborder边框属性来控制超链接a对象的CSS样式。演示CSS代码：a{border-bottom:1pxdashed#111;}/*这里设置带链接文字下方出现虚线下划线*/a:hover{border:0;}/*这里设置鼠标经过被链接文字时不出现虚线*/说明：text-decoration:none;这个是去掉CSS下划线（超链接默认自带的下划线属性）对div设置水平虚线线：.divcss5{height:1px;width:100%;border-bottom:1pxdashed#000;}对应HTML代码：

css Div 样式规范写法

你可能还喜欢