html如何取名
- 前端开发
- 2025-08-08
- 4
2)字体:使用字体的名称或大小,如
.f12 { font-size: 12px; }
.f16 { font-size: 16px; }
(3)对齐:使用 left、center、right 等,如
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
(4)背景:使用颜色名称或者图片路径,如
.bg_red { background: red; }
.bg_img/pic_1.jpg { background: url(pic_1.jpg) no-repeat; }
(5)边框:使用颜色名称或者代码,如
.border_red { border: 1px solid red; }
.border_black { border: 1px solid black; }
(6)其它:使用英文单词或缩写,如
.tips { color: #0000FF; }
.msg { color: #FF0000; }
.current { color: #FF0000; }
(7)状态:使用状态的英文名称,如
.active { color: #FF0000; }
.disabled { color: gray; }
(8)布局:使用布局的英文名称,如
.layout { width: 960px; margin: 0 auto; }
(9)模块:使用模块的英文名称,如
.module { width: 200px; float: left; }
(10)公共样式:使用公共样式的英文名称,如
.global { color: #FF0000; }
(11)工具栏:使用工具栏的英文名称,如
.toolbar { height: 25px; background: #CCCCCC; }
(12)滚动条:使用滚动条的英文名称,如
.scrollbar { width: 20px; background: #FF0000; }
(13)标签页:使用标签页的英文名称,如
.tab { background: #FFFFFF; }
(14)提示信息:使用提示信息的英文名称,如
.msg { color: #FF0000; }
(15)小技巧:使用小技巧的英文名称,如
.tips { color: #FF0000; }
(16)注释:使用注释的英文名称,如
.note { color: #FF0000; }
(17)指南:使用指南的英文名称,如
.guild { color: #FF0000; }
(18)服务:使用服务的英文名称,如
.service { color: #FF0000; }
(19)投票:使用投票的英文名称,如
.vote { color: #FF0000; }
(20)合作伙伴:使用合作伙伴的英文名称,如
.partner { color: #FF0000; }
(21)友情链接:使用友情链接的英文名称,如
.friendlink { color: #FF0000; }
(22)版权:使用版权的英文名称,如
.copyright { color: #FF0000; }
(23)网站信息:使用网站信息的英文名称,如
.siteinfo { color: #FF0000; }
(24)法律声明:使用法律声明的英文名称,如
.siteinfoLegal { color: #FF0000; }
(25)信誉:使用信誉的英文名称,如
.siteinfoCredits { color: #FF0000; }
(26)标签:使用标签的英文名称,如
.tag { color: #FF0000; }
(27)页面地图:使用页面地图的英文名称,如
.sitemap { color: #FF0000; }
(28)热门热点:使用热门热点的英文名称,如
.hot { color: #FF0000; }
(29)文章列表:使用文章列表的英文名称,如
.list { color: #FF0000; }
(30)首页:使用首页的英文名称,如
.homepage { color: #FF0000; }
(31)二级页面子页面:使用二级页面子页面的英文名称,如
.subpage { color: #FF0000; }
(32)滚动:使用滚动的英文名称,如
.scroll { color: #FF0000; }
(33)状态:使用状态的英文名称,如
.status { color: #FF0000; }
(34)按钮:使用按钮的英文名称,如
.btn { color: #FF0000; }
(35)标签页:使用标签页的英文名称,如
.tab { color: #FFFFFF; }
(36)提示信息:使用提示信息的英文名称,如
.msg { color: #FF0000; }
(37)小技巧:使用小技巧的英文名称,如
.tips { color: #FF0000; }
(38)栏目标题:使用栏目标题的英文名称,如{ color: #FF0000; }
(39)加入:使用加入的英文名称,如
.joinus { color: #FF0000; }
(40)指南:使用指南的英文名称,如
.guild { color: #FF0000; }
(41)服务:使用服务的英文名称,如
.service { color: #FF0000; }
(42)注册:使用注册的英文名称,如
.regsiter { color: #FF0000; }
(43)搜索:使用搜索的英文名称,如
.search { color: #FF0000; }
(44)功能区:使用功能区的英文名称,如
.shop { color: #FF0000; }
(45)图标:使用图标的英文名称,如
.icon { color: #FF0000; }
(46)商标:使用商标的英文名称,如
.logo { color: #FF0000; }
(47)广告条:使用广告条的英文名称,如
.banner { color: #FF0000; }
(48)页面主体:使用页面主体的英文名称,如
.main { color: #FF0000; }
(49)热点:使用热点的英文名称,如
.hot { color: #FF0000; }
(50)新闻:使用新闻的英文名称,如
.news { color: #FF0000; }
(51)下载:使用下载的英文名称,如
.download { color: #FF0000; }
(52)投票:使用投票的英文名称,如
.vote { color: #FF0000; }
(53)合作伙伴:使用合作伙伴的英文名称,如
.partner { color: #FF0000; }
(54)友情链接:使用友情链接的英文名称,如
.friendlink { color: #FF0000; }
(55)版权:使用版权的英文名称,如
.copyright { color: #FF0000; }
(56)网站信息:使用网站信息的英文名称,如
.siteinfo { color: #FF0000; }
(57)法律声明:使用法律声明的英文名称,如
.siteinfoLegal { color: #FF0000; }
(58)信誉:使用信誉的英文名称,如
.siteinfoCredits { color: #FF0000; }
(59)标签:使用标签的英文名称,如
.tag { color: #FF0000; }
(60)页面地图:使用页面地图的英文名称,如
.sitemap { color: #FF0000; }
(61)热门热点:使用热门热点的英文名称,如
.hot { color: #FF0000; }
(62)文章列表:使用文章列表的英文名称,如
.list { color: #FF0000; }
(63)首页:使用首页的英文名称,如
.homepage { color: #FF0000; }
(64)二级页面子页面:使用二级页面子页面的英文名称,如
.subpage { color: #FF0000; }
(65)滚动:使用滚动的英文名称,如
.scroll { color: #FF0000; }
(66)状态:使用状态的英文名称,如
.status { color: #FF0000; }
(67)按钮:使用按钮的英文名称,如
.btn { color: #FF0000; }
(68)标签页:使用标签页的英文名称,如
.tab { color: #FFFFFF; }
(69)提示信息:使用提示信息的英文名称,如
.msg { color: #FF0000; }
(70)小技巧:使用小技巧的英文名称,如
.tips { color: #FF0000; }
(71)栏目标题:使用栏目标题的英文名称,如{ color: #FF0000; }
(72)加入:使用加入的英文名称,如
.joinus { color: #FF0000; }
(73)指南:使用指南的英文名称,如
.guild { color: #FF0000; }
(74)服务:使用服务的英文名称,如
.service { color: #FF0000; }
(75)注册:使用注册的英文名称,如
.regsiter { color: #FF0000; }
(76)搜索:使用搜索的英文名称,如
.search { color: #FF0000; }
(77)功能区:使用功能区的英文名称,如
.shop { color: #FF0000; }
(78)图标:使用图标的英文名称,如
.icon { color: #FF0000; }
(79)商标:使用商标的英文名称,如
.logo { color: #FF0000; }
(80)广告条:使用广告条的英文名称,如
.banner { color: #FF0000; }
(81)页面主体:使用页面主体的英文名称,如
.main { color: #FF0000; }
(82)热点:使用热点的英文名称,如
.hot { color: #FF0000; }
(83)新闻:使用新闻的英文名称,如
.news { color: #FF0000; }
(84)下载:使用下载的英文名称,如
.download { color: #FF0000; }
(85)投票:使用投票的英文名称,如
.vote { color: #FF0000; }
(86)合作伙伴:使用合作伙伴的英文名称,如
.partner { color: #FF0000; }
(87)友情链接:使用友情链接的英文名称,如
.friendlink { color: #FF0000; }
(88)版权:使用版权的英文名称,如
.copyright { color: #FF0000; }
(89)网站信息:使用网站信息的英文名称,如
.siteinfo { color: #FF0000; }
(90)法律声明:使用法律声明的英文名称,如
.siteinfoLegal { color: #FF0000; }
(91)信誉:使用信誉的英文名称,如
.siteinfoCredits { color: #FF0000;