[Coding Style] CSS coding style
CSS coding style
Note
结合实际工作中的规范和推荐大家使用的CSS书写规范、顺序这篇文章整合而成
Navigation
CSS 书写顺序
CSS 常用文件命名
CSS 常用命名规范
Suggestions
CSS 书写顺序
1. Position (position, top, right, z-index, display, float...)
2. Frame (width, height, margin, border)
3. Children (padding)
4. Content (font, line-height, letter-spacing, background, color, text-align...)
5. Other (animation, transition)
CSS 常用文件命名
主要的: main.css
基础: base.css
模块: module.css
通用: common.css
布局: layout.css
主题: theme.css
专栏: columns.css
文件: font.css
表单: form.css
补丁: mend.css
打印: print.css
PDF: pdf-helper.css
CSS 常用命名规范
头: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
标签:tags
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guide
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner
Suggestions
1. 使用“-”连接多个单词,比如 font-size
2. 使用16进制颜色,比如 color: #eebbcc;
3. 不随意使用id
4. 使用块注释,而不是行注释,防止有的压缩css文件不忽略注释 /* 注释 */
转载于:https://www.cnblogs.com/chenyongblog/p/5900885.html
[Coding Style] CSS coding style相关推荐
- css 修改文字基准线_HTML4/HTML5 用CSS或style属性修改 hr 实线 虚线 点线 双实线样式 ... ......
HTML4/HTML5 用CSS或style属性修改 实线 虚线 点线 双实线样式 HTML 是 Hyper Text Markup Language 的英文缩写,中文称为超文本标记语言.HTML 是 ...
- 隐式 Style–CSS 在反爬虫中的应用
文章作者:「夜幕团队 NightTeam」 - 戴煌金 润色.校对:「夜幕团队 NightTeam」 - Loco 什么是隐式 Style–CSS 先来唠唠什么是 隐式 Style–CSS: CSS中 ...
- CSS (Cascading Style Sheets)
CSS 是什么 层叠样式表 (Cascading Style Sheets). CSS 能够对网页中元素位置的排版进行像素级精确控制 , 实现美化页面的效果 . 能够做到页面的样式和结构分离. 基本语 ...
- css中style怎么用,css中style标签的使用方法
css中style标签的使用方法 发布时间:2020-07-01 09:49:22 来源:亿速云 阅读:141 作者:Leah 这篇文章将为大家详细讲解有关css中style标签的使用方法,文章内容质 ...
- 【Javaweb】静态资源style.css加载不出来
Javaweb项目中静态资源style.css加载不出来 1. 首先检查路径 这里定位到css文件夹下的style.css文件,随后进入该文件进行查看图片资源路径是否正确 使用的是相对路径,并无错误, ...
- CSS设置style属性的3种方法
CSS:层叠样式表 可以将css样式编写到元素的style属性当中: 1.将样式直接写到style属性中,这种样式我们称为内联样式,内联样式只对当前的元素中的内容起作用,内联样式不方便复用,不推荐使用 ...
- python编码声明:是coding:utf-8还是coding=urf-8呢?
python编码声明:是coding:utf-8还是coding=urf-8呢? 我们知道在Python源码的头文件中要声明编码方式,如果你不只是会用到ascii码,很多人都写得都有点差别: #cod ...
- 2014-12-28 iframe,style,body style
一.<iframe></iframe>的用法 <iframe src="http://baidu.com"></iframe> ...
- python 字符编码的两种方式写法:# coding=utf-8和# -*- coding:utf-8 -*-
python运行文件是总会出现乱码问题,为了解决这个问题,在文件开头加上: # coding=utf-8 或者 # -*- coding:utf-8 -*- # coding=<encodin ...
最新文章
- windows 2003 终端服务超出最大允许连接数(远程桌面,解决办法)
- bootstrap 列表--水平定义列表
- JS,JQ 格式化小数位数
- 201403-5 任务调度
- (2)zynq FPGA AXI_Lite总线介绍
- oracle12c视图刷新,Oracle可更新视图
- 进程的创建fork vs vfork
- 相关性模型 之 皮尔逊相关系数与斯皮尔曼相关系数
- DLL文件反编译(附:工具下载链接)
- 03.C 语言实现3.5寸虚拟软盘
- centos5安装nagios
- 旺季选品逻辑:用数据思维找到潜力爆款
- Servlet中文API文档-个人整理版
- STM32模拟串口驱动(带校验位)
- python封装继承多态_Python:封装、继承、多态、私有成员
- nmap:网络探测工具和安全/端口扫描器
- 防雷接地,防雷接地工程综合应用方案
- OD调试 内嵌补丁(一般调试加壳)
- invader的java学习第三天基础篇
- C语言之尾队列tailq
热门文章
- 收藏 | 9 个技巧让你的 PyTorch 模型训练变得飞快!
- 【Python】Python实战从入门到精通之五 -- 教你使用文件写入
- 李沐《动手学深度学习》中文版PDF和视频免费领!!!
- 机器学习(十)Mean Shift 聚类算法
- 医院怎样进行计算机安全管理制度,医院信息安全管理制度
- android商店账号密码错误,安卓:我失去了我的安卓密钥商店,我该怎么办?
- 计算机考研408试题及答案,2015年计算机专业408考研试题及答案
- mysql sql优化入门_Mysql入门SQL 语句优化方法30例
- matlab 波前像差,波前像差原理及应用
- matlab算出中心差分方法_方差分析、T检验、卡方分析如何区分?