web前端网页常用实用代码
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
list 文章列表： msg 提示信息：
主导航： mainbav 子导航： subnav 顶导航： topnav 边导航： sidebar
登录条： loginbar 注册： 搜索：
regsiter search
当前的: current 小技巧： tips 图标: 注释： 指南：
icon note guild
左导航： leftsidebar 导航： 右导航： rightsidebar 侧栏： 菜单：
menu
功能区： shop 标题： 加入：
title joinus
栏目：
子菜单： submenu
页面外围控 制整体布局 wrapper 宽度： 左右中：
left right center
状态： 按钮：
status btn
顶部导航
样式文件命名
主要的 模块
master.css 绿： module.css 红：
颜色释译
green red blue black gray yellow purple while brown khaki
基本共用 base.css 布局， 版面 主题 专栏 文字 表单 补丁 打印
蓝：
layout.css 黑： themes.css 灰来自百度文库 columns.cs 黄： s font.css 紫： forms.css mend.css print.css
服务： 热点： 新闻：
service hot news download vote
标题: 摘要:
title summary
partner 合作伙伴：
friendlink 下载： 友情链接：
版权：
copyright
投票：
Div英文释译
标题 身体 列表 样式 图像 资源 宽度 高度 行 链接 斜体 加粗 输入 下面的 顶部
title body list style image source width height line link italic bold input under top
CSS 英文释译
字体 大小 文本 对齐 修饰 线 穿过 缩进 斜体 加粗 加重 宽 高 背景 主体
font size text align decoration line through indent italic bold weight width height background main
白： 棕： 卡其色
颜色： 使用颜色的名称或者16进制代码,如 .red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; }
字体大小： 直接使用"font+字体大小"作为名称,如 .font12px { font-size: 12px; } .font9pt {font-size: 9pt; }
重复 位置
repeat position
填充 正常 父级
padding normal parent children topnav
显示类型 display
显示可见 visibility 子级 隐藏 显示 溢出 列表 样式 边框 导航 图片 行高 边界 页眉
hidden visible overflow list style border nav banner line-height margin header
对齐样式： 使用对齐目标的英文名称,如 .left { float:left; }
标题栏样式： 使用"类别+功能"的方式命名,如 .barnews { } .barproduct { } 注意事项： 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写，除非一看就明白的单词.
web网页常用实用代码
功能
标志： 广告： 登陆：
logo banner login
导航
scroll
页面结构
容器: 页头： 内容： 页面主体 页尾：
container header content/c ontainer main footer nav sidebar column
滚动：
导航：
nav
标签页： tab
主导航： mainbav 子导航： subnav 顶导航： topnav 边导航： sidebar
登录条： loginbar 注册： 搜索：
regsiter search
当前的: current 小技巧： tips 图标: 注释： 指南：
icon note guild
左导航： leftsidebar 导航： 右导航： rightsidebar 侧栏： 菜单：
menu
功能区： shop 标题： 加入：
title joinus
栏目：
子菜单： submenu
页面外围控 制整体布局 wrapper 宽度： 左右中：
left right center
状态： 按钮：
status btn
顶部导航
样式文件命名
主要的 模块
master.css 绿： module.css 红：
颜色释译
green red blue black gray yellow purple while brown khaki
基本共用 base.css 布局， 版面 主题 专栏 文字 表单 补丁 打印
蓝：
layout.css 黑： themes.css 灰来自百度文库 columns.cs 黄： s font.css 紫： forms.css mend.css print.css
服务： 热点： 新闻：
service hot news download vote
标题: 摘要:
title summary
partner 合作伙伴：
friendlink 下载： 友情链接：
版权：
copyright
投票：
Div英文释译
标题 身体 列表 样式 图像 资源 宽度 高度 行 链接 斜体 加粗 输入 下面的 顶部
title body list style image source width height line link italic bold input under top
CSS 英文释译
字体 大小 文本 对齐 修饰 线 穿过 缩进 斜体 加粗 加重 宽 高 背景 主体
font size text align decoration line through indent italic bold weight width height background main
白： 棕： 卡其色
颜色： 使用颜色的名称或者16进制代码,如 .red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; }
字体大小： 直接使用"font+字体大小"作为名称,如 .font12px { font-size: 12px; } .font9pt {font-size: 9pt; }
重复 位置
repeat position
填充 正常 父级
padding normal parent children topnav
显示类型 display
显示可见 visibility 子级 隐藏 显示 溢出 列表 样式 边框 导航 图片 行高 边界 页眉
hidden visible overflow list style border nav banner line-height margin header
对齐样式： 使用对齐目标的英文名称,如 .left { float:left; }
标题栏样式： 使用"类别+功能"的方式命名,如 .barnews { } .barproduct { } 注意事项： 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写，除非一看就明白的单词.
web网页常用实用代码
功能
标志： 广告： 登陆：
logo banner login
导航
scroll
页面结构
容器: 页头： 内容： 页面主体 页尾：
container header content/c ontainer main footer nav sidebar column
滚动：
导航：
nav
标签页： tab