浅谈css取名标准(初学者必看)

日期:2020-09-20 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

头: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
添加:joinus
指南:guild
服务:service
申请注册:regsiter
情况态:status
网络投票:vote
协作小伙伴:partner

注解的写法

/* Footer */
內容区
/* End Footer */

id的取名
器皿: container
页头:header
內容:content/container
网页页面行为主体:main
页尾:footer
导航栏:nav
侧栏:sidebar
栏目:column
网页页面外围操纵总体合理布局宽度:wrapper
上下中:left right center


id的取名

网页页面构造

器皿: container
页头:header
內容:content/container
网页页面行为主体:main
页尾:footer
导航栏:nav
侧栏:sidebar
栏目:column
网页页面外围操纵总体合理布局宽度:wrapper
上下中:left right center

导航栏

导航栏:nav
主导航栏:mainbav
子导航栏:subnav
顶导航栏:topnav
边导航栏:sidebar
左导航栏:leftsidebar
右导航栏:rightsidebar
菜单:menu
子菜单:submenu
题目: title
引言: summary

作用
标示:logo
广告宣传:banner
登录:login
登陆条:loginbar
申请注册:regsiter
检索:search
作用区:shop
题目:title
添加:joinus
情况:status
按钮:btn
翻转:scroll
标识页:tab
文章内容目录:list
提醒信息内容:msg
当今的: current
小窍门:tips
标志: icon
注解:note
指南:guild
服务:service
网络热点:hot
新闻:news
免费下载:download
网络投票:vote
协作小伙伴:partner
友谊连接:link
版权:copyright

class的取名

(1)色调:应用色调的名字或16进制编码,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }

(2)字体样式尺寸,立即应用"font+字体样式尺寸"做为名字,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }

(3)对齐款式,应用对齐总体目标的英文名字,如

.left { float:left; }
.bottom { float:bottom; }

(4)题目栏款式,应用"种别+作用"的方法取名,如
.barnews { }
.barproduct { }

留意事项

1.1律小写;
2.尽可能用英文;
3.不加中杠和下划线;
4.尽可能不缩写,除非1看就搞清楚的单词.
关键的 master.css
控制模块 module.css
基础同用 base.css
合理布局,版面 layout.css
主题 themes.css
专栏 columns.css
文本 font.css
表单 forms.css
补钉 mend.css
复印 print.css

以上便是网编为大伙儿带来的浅谈css取名标准(初学者必看)所有內容了,期待大伙儿多多适用脚本制作之家~

原文详细地址:http://www.cnblogs.com/bossking/archive/2016/06/28/5623245.html

上一篇:CSS3完成各种各样图型的示例编码 返回下一篇:没有了