【CSS-01 CSS代码标准和规范】的更多相关文章

CSS-01 CSS代码标准和规范

一:代码规范 1.所有的书写都是在英文半角下进行 2.统一用table键进行缩进 3.属性值必须带引号(单引和双引都可以) 4.p,dt,h标签里不能嵌套块属性标签 5.a标签不能嵌套a 二:文件命名 1.文件命名只能由英文小写字母a-z,数字0-9或间隔符-组成 2.文件名中禁止包含特殊符号,包括空格和$等等 3.文件名使用英文名词或英文简写命名 三:HTML和CSS的变量命名 1. 命名需要是具备语义性的单词,不能用数字,拼音,符号随意写 正确示范 : wrap description ti…

前端代码标准最佳实践：CSS

前端工程师对写标准的前端代码的重视程度很高.这些最佳标准实践并不是那个权威组织发布的,而是由大量的前端工程师们在实践过程中的经验总结,目的在于提高代码的可读性,可维护性和性能.那么接着上一篇,我们再来谈谈CSS代码的一些标准实践. 1,命名 和其他语言规范一样,css的命名也讲究命名要有意义,命名要尽可能短但是要足够表达含义:命名的词用连字符连接. 不规范的命名: #navigation{ } .demoimage{ } .error_status{ } 规范的命名: #nav{ } .demo…

W3C代码标准规范

一.目的: 为什么要遵循标准我们作为生产者实际上只是位于中游,既不是上游的浏览器制造商,他们是标准的真正制定者,也不算是下游,他们是浏览器的终端使用者.这个角色就意味着我们位于一个接口的位置,我们需要想办法满足下游的用户使用上游不同浏览器时看到的是同样的内容.用一个程序的语言说,我们是转换器……adapter,我们想方设法让我们的页面.我们的程序能够支持所有的浏览器.能够满足尽可能多的用户.我们要满足所有的客户,即使做不到,我们也要满足我们技术范围之内的所有用户. 二.目标一个标准制作的网站,让…

div+css通用兼容性代码整理

一.Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} <style> *html{padding:0px} /* Clear Fix */ .clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */ .clearfix…

CSS.01 -- 选择器及相关的属性文本、文字、字体、颜色、

与html相比,Css支持更丰富的文档外观,Css可以为任何元素的文本和背景设置颜色:允许在任何元素外围设置边框:允许改变文本的大小,装饰(如下划线),间隔,甚至可以确定是否显示文本. 什么是CSS? CSS 指层叠样式表 (Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式. CSS以HTML为基础,提供了丰富的功能…

W3C 代码标准规范

W3C通过设立领域(Domains)和标准计划(Activities)来组织W3C的标准活动,围绕每个标准计划,会设立相关的W3C工作组织(包括工作组.社区组.商务组等).W3C会根据产业界的标准需求调整Domains和Activity的设置及相关的工作组设置. 标准规范: 1. 需要声明(DOCTYPE) DOCTYPE(document type)文档类型的简写,用来说明你用的XHTML或者HTML是什么版本.其中DTD叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你…

前端html、CSS快速编写代码插件-Emmet使用方法技巧详解

前端html.CSS快速编写代码插件-Emmet使用方法技巧详解   Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,而且作为一款插件能够大部分的代码编辑器,文章后面列出了支持的代码编辑器类型.请看下面演示:  Zen coding下的编码演示 一.快速编写HTML代码 1.  初始化 HTML文档需要包含一些固定的标签,比如<html>.<head>…

CSS格式化 CSS代码压缩工具

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> <head> <met…

.net软件开发脚本规范-代码标准(webform)

一. 代码标准 列表界面 1.1前台代码 1) 样式与js脚本,UI.css为界面样式,Font.css为字体样式,Common.js为通用基础js脚本,基本所有页面都需要,如果有需要新增的复制一行,修改href与src中的路径即可,保持统一格式,脚本的type在前src在后,样式的type与rel在前href在后. 2) 列表上方按钮:提交.新增.删除.查询.通过.不通过.导出Excel,根据需求减少按钮,顺序保持不变. 3) 底部的class为paging_table的表格为分页使用,如果不…

Bootstrap CSS 栅格、代码和表格

一.bootstrap栅格 Bootstrap 提供了一套响应式.移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列. Bootstrap 网格系统(Grid System)的工作原理: 网格系统通过一系列包含内容的行和列来创建页面布局.下面列出了 Bootstrap 网格系统是如何工作的: 行必须放置在 .container class 内,以便获得适当的对齐(alignment)和内边距(padding). 使用行来创建列的水平组. 内容应该放…