标准化的DIV+CSS命名规范.pdf
文本预览下载声明
显示全部
文档详情
相似文档
-
DIV CSS网页标准化布局.pdf
DIV+CSS网页标准化布局
讲师：张涛
网址：
电话：400 700 1307
QQ/Email: zhangtao@
DIV+CSS网页标准化布局
1.概述
2.DIV+CSS的优势
3.无意义的元素div和span
4.盒子模型
5.定位属性
6.区块属性(区块模型)
7.区块框浮动
8.行框和清理
9.使用区块框设计页面布局
1、概述
v 使用 “DIV+CSS”对网站进行布局符合W3C标准，采用这种
方式布局通常是为了说明与HT
-
CSS标准化命名规则.doc
CSS标准化命名规则
一、文件命名规范
基本样式：base.css 全局样式：global.css 框架布局：layout.css 字体样式：font.css 链接样式：link.css 打印样式：print.css
二、常用类/ID命名规范 页 眉：header 内 容：content 容 器：container 页 脚：footer 版 权：copyright 导 航：menu 主导航：mainMenu 子导航：subMenu 标 志：logo 标 语：banner 标 题：title 侧边栏：sidebar 图 标：icon 注 释：note 搜 索：search 按 钮：btn 登
-
前端高级工程师之div+css 网页标准化布局.pdf
后盾网 人人做后盾
DIV+CSS
后盾网 2011-2016
div
DIV 全称 division 意为 “区块、分割”, DIV标签是一个无意
义的容器标签 ，用于将页面划分出不同的区域。
通过DIV将复杂的页面进行细分块 ，可以将问题细分一个一个
解决 ，所以通过DIV将页面分块是一个关键的工作 ，也是决定
最终效果与质量的前提。
css
CSS (Cascading Style Sheet) ，中文翻译为层叠样式表 ，是
用于控
-
div+css站点书写规范.pdf
div+css 站点书写标准
-- HTML CSS
本标准分为四部分：严格遵循并符合 W3C 标准、HTML 应用代码规范、CSS 样式文
件要求、六大原则；第一部分从理念思维方向确定代码书写规范，第二、三，HTML、CSS
部分为标准具体代码应用标准，第四，为综合性应用的六个原则。简洁有效为主导。
一、严格遵循并符合 W3C 标准
结构化标准语言 ：XHTML 和 XML;表现标准语言 ：CSS;行为标准 ：W3C DOM 、
-
DIV+CSS设计规范.doc
人看人视频网研发中心
前端设计培训（二）
DIV+CSS设计规范
文件状态：
[ ] 草稿
[√] 正式发布
[ ] 正在修改 文件标识： Company-RKANR-TM-PLAN 当前版本： 2.0 作 者： 李祝林 完成日期： 2011-12-21
版 本 历 史
版本/状态 作者 参与者 起止日期 备注 草稿 香伟健 杨冬 2008-8-26 修订 香伟健 杨冬 2008-11-11 修订 李祝林 杨冬 2011-12-21
目录
一、 页面布局设计及规范 3
1.1、页面布局结构： 3
1.2、页面CSS文件加载顺序 3
1.3、Conten
-
css命名规范(1).pdf
-
css命名及书写规范.pdf
css命名及书写规范
css命名及书写规范CSS命名规范一．文件命名规范全局样
式：
global.css；框架布局：
layout.css；字体样式：
font.css；链接样式：
link.css；打印样式：
print.css；二．常用类/ID命名规范页眉：
header内容：
content容器：
container页脚：
footer版权：
copyright导航：
menu主导航：
mainMenu子导航：
subMenu标志：
logo标语：
banner标题：
title侧边栏：
sidebar图标：
Icon注释：
note搜索：
search按钮：
btn登录：
login
-
CSS规范命名大全.docx
CSS规范命名大全集合dada用名称常用名称头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签：tags文章列表：list提示信息：msg小
-
引用 css 命名规范.docx
引用 css 命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页 眉：header内 容：content容 器：container页 脚：footer版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu标 志：logo标 语：banner标 题：title侧边栏：sidebar图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接：link信息框：manage……常用的CS
-
CSS命名规范课案.doc
CSS 命名规范参考及书写注意事项
CSS书写顺序
*{
/*显示属性*/
display
position
float
clear
cursor
…
/*盒模型*/
margin
padding
width
height
/*排版*/
vertical-align
white-space
text-decoration
text-align
…
/*文字*/
color
font
content
/*边框背景 为什么要把 boder和background放在最后的原因是修改的频率会较之前的频繁，放在最后查看起来方便，哈哈。*/
border
background
}
下
-
PHP基础教程-零基础学习PHP-DIV CSS标准化网页部局准备工作(下).pdf
DIV+CSS标准化网页部局准备工作
课程内容
DIV+CSS标准化布局的优势
“无意义”的元素div和span
盒子模型
布局中的主要样式
使用区块框设计页面布局
参考教材： 《细说PHP》第四章
概述
使用“DIV+CSS”对网站进行布局符合W3C标准，采用这
种方式布局通常是为了说明与HTML表格定位方式的
-
兄弟连PHP视频教程-DIV CSS标准化网页部局准备工作(上).pdf
DIV+CSS标准化网页部局准备工作
课程内容
DIV+CSS标准化布局的优势
“无意义”的元素div和span
盒子模型
布局中的主要样式
使用区块框设计页面布局
参考教材： 《细说PHP》第四章
概述
使用“DIV+CSS”对网站进行布局符合W3C标准，采用这
种方式布局通常是为了说明与HTML表格定位方式的
-
CSS代码规范标准化研究.pptx
CSS代码规范标准化研究;CSS代码规范概述
CSS代码书写规范
CSS代码命名规范
CSS代码语义化规范
CSS代码模块化规范
CSS代码可维护性规范
CSS代码性能优化规范
CSS代码规范化实践;CSS代码规范概述;CSS代码规范概述;CSS代码规范概述;CSS代码规范概述;CSS代码书写规范;CSS代码书写规范;CSS代码书写规范;CSS代码书写规范;CSS代码命名规范;CSS代码命名规范;CSS代码命名规范;CSS代码命名规范;CSS代码语义化规范;CSS代码语义化规范;CSS代码语义化规范;CSS代码语义化规范;CSS代码模块化规范;CSS代码模块化规范;CSS代码模块化规范;CSS
-
DIV+CSS网页设计规范总结.doc
DIV+CSS布局的好处
1 内容和形式分离，网页前台只需要显示内容就行，形式上的美工交给CSS来处理。生成的HTML文件代码精简，更小打开更快。
2 改版网站更简单容易了，不用重新设计排版网页，甚至于不用动原网站的任何HTML和程序页面，只需要改动CSS文件就完成了所有改版。对于门户网站来说改版就像换件衣服一样简单容易。
3 搜索引擎更友好，排名更容易靠前。
第一 内容和形式分离，网页前台只需要显示内容就行，形式上的美工交给CSS来处理。生成的HTML文件代码精简，更小打开更快。
这个是DIV+CSS技术最现著的特点，也是CSS存在的根源。完全的颠覆现在传统(table)网页设计的技术。所有
-
Div+CSS_2——1.ppt
规范化页面 ——使用DIV+Css 定义公用Css 简单页面，公用CSS： body{ background:#fff url(images/back1.gif) repeat-x center top; font-size:12px; font-family:宋体, Verdana, Arial;line-height:150%; margin:0; padding:0; color:#FFF; } div{margin:0 auto; padding:0;} h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{ margin:0; padding