CSS常用选择器名
一、页面结构划分
box 盒子
wrap 包裹
container 容器
header 头部
main 主要区域
footer 底部
content 内容区域
banner 横幅广告区域
menu 菜单
二、模块划分
mod 模块,常用mod1,mod2 ,mod3 , mod4....等用于表示模块分组。
mainMenu 主菜单,用于表示首页的菜单
mainnav 主导航,用于表示首页的导航
nav 导航
top 顶部
topnav 顶部导航
topbar 顶部工具(菜单)区域 常用于商场页面。
sidebar 侧栏
subnav 子级导航
regbox 注册模块
loginbox 登录模块
bottom 底部
bottomnav 底部导航
bottombar 底部工具
left 左
right 右
三、子栏目划分
title 标题
msg 信息
vote 投票
tab 标签页
icon 图标
note 注释
logo
button 按钮
login 登录
breadcrumbs 面包屑
search 搜索框
searchBar 搜索工具条
search_results 搜索结果
siteinfo 网站信息
joinus 加入我们
weather 天气
city 城市
tag 标签
tip 提示
hot 热,推荐
copyright 版权
friendLink 友情链接
center 居中
middle 垂直居中
manage 信息框
branding 商标
partner 合作伙伴service
service 服务
tool 工具条
arr 箭头
stiemap 网站地图
guild 指南
drop 下拉
dorpmenu 下拉菜单
status 状态
scroll 滚动
news 新闻
download 下载
blog 博客
forum 论坛
页面产品的CSS常用取名
products 产品
products_prices 产品价格
products_description 产品描述
products_review 产品品论
news_products 最新产品
2.样式文件常用名
全局/通用样式
global.css
common.css
基本共用
base.css
主题样式:
themes.css
表单样式:
forms.css
补丁样式:
mend.css
框架布局:
layout.css
字体样式:
font.css
打印样式:
print.css
栏目样式:
column.css
综合样式:
style.css
单独样式:
文件名.css
注:每个主结构向内化分,可以用_r、_l、_t、_m、_b来表示。
CSS常用选择器名的更多相关文章
- CSS常用选择器
关于CSS常用选择器: 1.ID选择器 关于ID选择器具有唯一性,在文档流中,ID是唯一的,在低版本的浏览器中,允许出现不适唯一ID的情况,而在高版本的浏览器中,出现ID不唯一的情况浏览器会出现的报错 ...
- CSS常用选择器的认识
---恢复内容开始--- 前言:在CSS中选择器的种类有很多很多,但是在实际的工作中,我们经常会用到的分为两大类:基础选择器和复合选择器这两个大类,学习选择器的目的就是为了在复杂的页面中能够快速定位到 ...
- 【WEB前端】CSS常用选择器
1.1 标签选择器 就是用标签名来当做选择器. 1) 所有标签都能够当做选择器,比如body.h1.dl.ul.span等等 2) 不管这个标签藏的多深,都能够被选择上. 3) 选择的是所有的,而不是 ...
- css常用选择器选择器
tap选择器 ulclass选择器 .id选择器 #后代选择器 a b子代选择器 a>b兄弟选择器 a + b 以a为参考给b加样式属性选择器 input [type="text&qu ...
- 学习css常用基本层级伪类属性选择器
常见的css选择器包含:常用选择器.基本选择器.层级选择器.伪类选择器.属性选择器,其中常用选择器分为:1.html选择符*{}//给页面上所有的标签设置模式:2.类选择符.hcls{}//给clas ...
- 23----2013.07.01---Div和Span区别,Css常用属性,选择器,使用css的方式,脱离文档流,div+css布局,盒子模型,框架,js基本介绍
01 复习内容 复习之前的知识点 02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换.div->span 设置display:inline ...
- CSS选择器详解(一)常用选择器
目录 类型选择器 类选择器 ID选择器 伪类 伪元素 类型选择器 通过类型选择器可以选择某一类型的html标签,并对其使用样式. 语法: selector {property1: value; pro ...
- HTML&CSS基础-常用选择器
HTML&CSS基础-常用选择器 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!DOCTYPE html> <html> & ...
- 前端面试之CSS常用的选择器!
前端面试之CSS常用的选择器! 标签选择器 <style> /* <!-- 标签选择器 :写上标签名 -->*/ p { color: green; } div { color ...
随机推荐
- Backbone源码解析(四):View(视图)模块
View视图故名思义,它控制的是界面.我们可以把一个大的网页分成很多部分的视图,按照backbone的架构,每一个视图对应都是一个对象,我们可以通过元素的钩子(id或者class或者其他选择器)把它们 ...
- DBCC DROPCLEANBUFFERS失效了?
原文出处:http://www.sqlskills.com/blogs/paul/when-dbcc-dropcleanbuffers-doesnt-work/ DBCC DROPCLEANBUFFE ...
- IOS 多线程02-pthread 、 NSThread 、GCD 、NSOperationQueue、NSRunLoop
注:本人是翻译过来,并且加上本人的一点见解. 要点: 1.前言 2.pthread 3.NSThread 4.Grand Central Dispatch(GCD) 5.Operation Queue ...
- xamarin UWP设置HUD加载功能
使用xamarin开发的时候经常用到加载HUD功能,就是我们常见的一个加载中的动作,Android 下使用 AndHUD , iOS 下使用 BTProgressHUD, 这两个在在 NuGet 上都 ...
- Objective-C 随机数
有个项目要给客户发送随机验证码, 试了下这样可以 srand(time()); code = [NSString stringWithFormat: - )) + ];
- EF架构~EF6配置需要注意的几个地方
回到目录 从EF5升级到EF6之后,可能会出现一些问题,这是正常的,任何系统的升级都没有一帆风顺的,当然这些不是我要说的重点,我真正要说的是,当出现这些问题时,我们应该如何去应对它,下面我总结了几个方 ...
- Atitit 图像处理 平滑 也称 模糊, 归一化块滤波、高斯滤波、中值滤波、双边滤波)
Atitit 图像处理 平滑 也称 模糊, 归一化块滤波.高斯滤波.中值滤波.双边滤波) 是一项简单且使用频率很高的图像处理方法 用途 去噪 去雾 各种线性滤波器对图像进行平滑处理,相关OpenC ...
- Atitit 跨平台异常处理(2)--------异常转换 -----java c# js异常对象结构比较and转换
Atitit 跨平台异常处理(2)--------异常转换 -----java c# js异常对象结构比较and转换 { "@type":"java.lang.Runti ...
- css_01之基础属性、选择器
1. 常用属性:①color:文本颜色:②background-color:背景颜色:③font-size:文字大小: 2. 样式声明:①内部样式:style=“样式规则:”,写于作用标签内,优先 ...
- C# string.format、string.connect和+=运算 效率计算
using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace Stri ...