导航图标代码大全(导航各种图标解释)
admin 发布:2022-12-20 00:25 198
今天给各位分享导航图标代码大全的知识,其中也会对导航各种图标解释进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
FreeMind快捷键大全
物理风格和节点格式
物理风格
默认(F1)
常规(Ctrl+Shift+N)
OK(F3)
需要采取行动(F4)
热的(F5)
详细(F6)
文件夹(F7)
主题(F8)
大型主题(F9)
等待主题(Ctrl+F1)
对象/关键字(Ctrl+F2)
对象代码(Ctrl+F3)
问题(Ctrl+F4)
开放式问题(Ctrl+F5)
坏的(Ctrl+F6)
蓝色(Ctrl+F7)
粉色(Ctrl+F8)
蓝绿色(Ctrl+F9)
管理模式(F11)
节点格式
斜体(Ctrl+I)粗体(Ctrl+B)插入云框(Ctrl+Shift+B)修改节点颜色(Alt+Shift+F)
混合节点颜色(Alt+Shift+B)
修改节点边界颜色(Alt+Shift+E)
增加节点字体大小(Ctrl+’+’)
减小节点字体大小(Ctrl+’-‘)
使用富文本(Alt+R)
使用明文文本(Alt+P)
文件、编辑、模式命令和菜单
文件
新建导图(Ctrl+N)
打开导图(Ctlr+O)
保存导图(Ctrl+S)
另存为(Ctrl+Shift+S)
打印(Ctrl+P)
关闭导图(Ctrl+W)
退出(Ctrl+Q)
上一导图(Alt+Shift+’←’)
下一导图(Alt+Shift+’→’)
导出为HTML(Ctrl+E)
导出分支为HTML(Ctrl+H)
将分支节点导出为新的导图(Alt+Shift+A)
打开历史记录中的第一个文件(Ctrl+Shift+W)
编辑
查找(Ctrl+F)
查找下一个(Ctrl+G)
剪切(Ctrl+X)
复制(Ctrl+C)
单一复制(Ctrl+Shift+C)
粘贴(Ctrl+V)
模式命令
MindMap模式(Alt+1)
浏览模式(Alt+2)
文件模式(Alt+3)
菜单
文件(Alt+F)
编辑(Alt+E)
视图(Alt+V)
插入(Alt+S)
格式(Alt+O)
导航(Alt+N)
工具(Alt+T)
节点、编辑和导航命令
新建节点
新建平行节点(Enter)
新建子节点(Insert)
新建平行节点下方(Shift+Enter)
编辑节点
编辑选中的节点(Home或End)
编辑长节点(Alt+Enter)
合并节点(Ctrl+J)
插入文件超链接(Ctrl+Shift+K)
插入文本超链接(Ctrl+K)
插入图像超链接(Alt+K)
向上移动节点(Ctrl+’↑’)
向下移动节点(Ctrl+’↓’)
向左移动节点(Ctrl+’←’)
向右移动节点(Ctrl+’→’)
导航
转到根节点(Esc)
向上移动(↑)
向下移动(↓)
向左移动(←)
向右移动(→)
打开超链接(Ctrl+Enter)
放大(Alt+’↑’)
缩小(Alt+’↓’)
展开/折叠节点(Space)
展开/折叠子节点(Ctrl+Space)
展开全部(Alt+End)
折叠全部(Alt+Home)
展开一层(Alt+PageDown)
折叠一层(Alt+PageUp)
杂项
插入图形连接(Ctrl+L)
插入本地超链接(Alt+L)
插入图标(Alt+I)
加载日历(Ctrl+T)
运行脚本(F8)
以上是关于“FreeMind快捷键大全”的相关内容,希望能够帮助到大家,想了解更多资讯内容,请多多关注环球青藤。
css的命名怎样才叫规范呢?
一.文件命名规范
[b]样式文件命名[/b]
[quote]主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css [/quote]
[b]CSS ID 的命名[/b]
[quote]页头:header
登录条:loginbar
标志:logo
侧栏:sidebar
广告:banner
导航:nav
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendlink
页脚:footer
版权:copyright
外 套:wrap
主导航:mainnav
子导航:subnav
页 脚:footer
整个页面: content
页 眉:header
页 脚:footer
商 标:label
标 题:title
主导航:mainbav(globalnav)
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
旗 志:logo
标 语:banner
菜单内容1: menu1content
菜单容量: menucontainer
子菜单:submenu
边导航图标:sidebarIcon
注释: note
面包屑:breadcrumb(即页面所处位置导航提示)
容器: container
内容: content
搜索: search
登陆: Login
功能区:shop(如购物车,收银台)
当前的 current[/quote]
[b]网站常用中英文对照表[/b]
[quote]网站导航 Site Map
公司简介 Profile or Company Profile or Company
公司设备 Equipment Equipment
公司荣誉 Glories Glories
企业文化 Culture Culture
产品展示 Product Product
资质认证 Quality Certification
企业规模 Scale Scale
营销网络 Sales Network
组织机构 organization organization
合作加盟 Join In Cooperation
技术力量 Technology Technology
经理致辞 Manager`s oration
发展历程 Development History
工程案例 Engineering Projects
业务范围 Business Scope
分支机构 Branches
供求信息 Supply Demand
经营理念 Operation Principle
产品销售 Sales Sales
联系我们 Contact Us Contact Us
信息发布 Information Information
返回首页 Homepage Homepage
产品定购 order order
分类浏览 Browse By Category
电子商务 E-business
公司实力 Strength Strength
版权所有 Copy Right
友情连结 Hot Link
应用领域 Application Fields
人力资源 Human Resource Hr
领导致辞 Leader`s oration
企业资质 Enterprise Qualification
行业新闻 Trade News
行业动态 Trends
客户留言 Customer Message
客户服务 Customer Service
新闻动态 News Trends
公司名称 Company Name
销售热线 Sales Hot-Line
联系人 Contact Person
您的要求 Your Requirements
建设中 In Construction
证书 Certificate Certificate
地址 ADD Add
邮编 Postal Code Zipcode
电话 TEL Tel
传真 FAX Fax
产品名称 Product Name
产品说明 Description Description
价格 Price
品牌 Brand
规格 Specification
尺寸 Size
生产厂家 Manufacuturer Manufacturer
型号 Model
产品标号 Item No.
技术指标 Technique Data
产品描述 Description
产地 Production Place
销售信息 Sales Information
用途 Application
论坛 Forum
在线订购 On-line order
招商 Enterprise-establishing
招标 Bid Inviting
综述 General
业绩 Achievements
招聘 Join Us
求贤纳士 Join Us
大事 Great Event
动态 Trends
服务 Service
投资 Investment
行业 Industry
规划 Programming
环境 Environment
发送 Delivery
提交 Submit
重写 Reset
登录 Enter
注册 Login
中国企业网技术支持 Powered By Ce.Net.Cn
社区 Community
业务介绍 Business Introduction
在线调查 Online Inquiry Inquiry
下载中心 Download
会员登陆 Member Entrance
意见反馈 Feedback
常见问题 FAQ
中心概况 General Profile
教育培训 Education Training
游乐园 Amusement Park
在线交流 Online Communication
专题报道 Special Report[/quote]
常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首 字母应大写:诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为 “searchBtn”……
一. 常规书写规范及方法
1. 选择DOCTYPE:
XHTML 1.0 提供了三种DTD声明可供选择:
过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ““
严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如br。完整代码如下:
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” ““
框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” ““
理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站,使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通 过W3C的代码校验。
2. 指定语言及字符集:
为文档指定语言:
html xmlns=”” lang=”en”
为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言;如:
常用的语言定义:
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /
标准的XML文档语言定义:
?xml version=”1.0″ encoding=” utf-8″?
针对老版本的浏览器的语言定义:
meta http-equiv=”Content-Language” content=” utf-8″ /
为提高字符集,建议采用“utf-8”。
3. 调用样式表:
外部样式表调用:
页面内嵌法:就是将样式表直接写在页面代码的head区。如:
style type=”text/css”!– body { background : white ; color : black ; } – /style
外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。
link rel=”stylesheet” rev=”stylesheet” href=”css/style.css” type=”text/css” media=”all” /
在符合web标准的设计中,推荐使用外部调用法,可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件,那么改一个样式表文件,可以改变所有文件的样式。
4、选用恰当的元素:
根据文档的结构来选择HTML元素,而不是根据HTML元素的样式来选择。例如,使用P元素来包含文字段落,而不是为了换行。如果在创建文档时找不到适当的元素,则可以考虑使用通用的div 或者是span;
避免过渡使用div和span。少量、适当的使用div和span元素可以使文档的结构更加清晰合理并且易于使用样式;
尽可能少地使用标签和结构嵌套,这样不但可以使文档结构清晰,同时也可以保持文件的小巧,在提高用户下载速度的同时,也易于浏览器对文档的解释及呈视;
5、派生选择器:
可以使用派生选择器给一个元素里的子元素定义样式,在简化命名的同时也使结构更加的清晰化,如:
.mainMenu ul li {background:url(images/bg.gif;)}
6、辅助图片用背影图处理:
这里的”辅助图片”是指那些不是作为页面要表达的内容的一部分,而仅仅用于修饰、间隔、提醒的图片。将其做背影图处理,可以在不改动页面的情况下通过CSS样式来进行改动,如:
#logo {background:url(images/logo.jpg) #FEFEFE no-repeat right bottom;}
7、结构与样式分离:
在页面里只写入文档的结构,而将样式写于css文件中,通过外部调用CSS样式表来实现结构与样式的分离。
8、文档的结构化书写:
页面CSS文档都应采用结构化的书写方式,逻辑清晰易于阅读。如:
div id=”mainMenu”
ul
lia href=”#” 首页/a/li
lia href=”#” 介绍/a/li
lia href=”#” 服务/a/li
/ul
/div
#mainMenu {
width:100%;
height:30px;
background:url(images/mainMenu_bg.jpg) repeat-x;
}
#mainMenu ul li {
float:left;
line-height:30px;
margin-right:1px;
cursor:pointer;
}
*******************************************************************************************
命名参考(来源网络)
常用的CSS命名规则:
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
命名全部使用小写字母,如果需要多个单词,单词间使用“-”分隔,比如user-list
常用代码结构:
div:主要用于布局,分割页面的结构
ul/ol:用于无序/有序列表
span:没有特殊的意义,可以用作排版的辅助,
例如
lispan(4.23)/span天幻网六周年天幻网六周年天幻网六周年天幻网六/li
然后在css中定义span为右浮动,实现了日期和标题分两侧显示的效果
h1-h6:标题
h1-h6 根据重要性依次递减
h1位最重要的标题
label:为了使你的表单更有亲和力而且还能辅助表单排版的好东西,
例如:
label for="user-password"密 码/label
input type="password" name="password" id="user-password" /
fieldset legend:fildset套在表单外,legend用于描述表单内容。
例如:form
fieldset
legendtitle/legend
label for="user-password"密 码/label
input type="password" name="password" id="user-password" /
/fieldset
/form
dl,dt,dd:当页面中出现第一行为类似标题/简述,然后下面为详细描述的内容时应该使用该标签,
例如dl
dt什么是CSS?/dt
ddCSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。dd
dt什么是XHTML?/dt
ddXHTML是一个基于XML的置标语言,看起来与HTML有些想像,只有一些小的但重要的区别。可以这样看,XHTML就是一个扮演 着类似HTML的角色的XML。 本质上说,XHTML是一个桥接(过渡)技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。/dd
/dl
C #content
S #subcol
M #maincol
X #xcol
这是纵向布局的XHTML结构,c-smx表示网页有三个纵栏, c-sm表示有两个纵栏, c-mx表示有两个纵栏其中一个是附属的, c-m表示一个纵栏。
其中在三纵栏的布局需要分为两层 第一层是#subcol与#main第二层是#main中的#maincol与#xcol。
自定义命名:
根据w3c网站上给出的,最好是用意义命名
比如:是重要的新闻高亮显示(像红色)
有两种
.red{color:red}
.important-news{color:red}
很显然第二种传达的意义更加明确,所以尽量不要用意义不明确的作为自己自定义的名字
CSS命名规范
DIV CSS名称 说明
网站公用相关
Container div #container 容器
Header or banner div #header 页头部分
Main or global navigation div #mainNav 主导航
Menu #menu 菜单
Sub Menu #submenu 子菜单
Left or right side columns #sidebarA, #sidebarB 左边栏或右边栏
Main div #main 页面主体
Content div #content 内容部分
The main content area #contentMain 主要内容区域
Footer div #footer 页脚部分
Tag #tag 标签
Message #msg #message 提示信息
Tips #tips 小技巧
Vote #vote 投票
Friend Link #friendlink 友情连接
Title #title 标题
Summary #summary 摘要
Sub-navigation list #subNav 二级导航
Search input #searchInput 搜索输入框
Search output #searchOutput 搜索输出和搜索结果相似
Search #search 搜索
Search results #searchResults 搜索结果
Copyright information #copyright 版权信息
brand #branding 商标
branding-logo #brandingLogo LOGO
Site information #siteinfo 网站信息
Copyright information etc. #siteinfoLegal 法律声明
Designer or other credits #siteinfoCredits 信誉
Join us #joinus 加入我们
Partnership opportunities #partner 合作伙伴
Services #service 服务
Regsiter #regsiter 注册
Status #status 状态
9、鼠标手势:
在XHTML标准中,hand只被IE识别,当需要将鼠标手势转换为“手形”时,则将“hand”换为“pointer”,即“cursor:pointer;”
ico网站标题图标的大小是多少?
图标在浏览器中是16×16像素,为了快捷方式上显示清楚,最好还有个32×32像素的图标。
ico是Icon file的缩写,是Windows的图标文件格式的一种。图标文件可以存储单个图案、多尺寸、多色板的图标文件。一个图标实际上是多张不同格式的图片的集合体,并且还包含了一定的透明区域。
一个图标实际上是多张不同格式的图片的集合体,并且还包含了一定的透明区域。因为计算机操作系统和显示设备的多样性,导致了图标的大小需要有多种格式。
扩展资料
图标有一套标准的大小和属性格式,且通常是小尺寸的。每个图标都含有多张相同显示内容的图片,每一张图片具有不同的尺寸和发色数。一个图标就是一套相似的图片,每一张图片有不同的格式。从这一点上说图标是三维的。
图标还有另一个特性:它含有透明区域,在透明区域内可以透出图标下的桌面背景。在结构上图标其实和麦当劳的巨无霸汉堡差不多。
参考资料来源:百度百科-ICO图标
求css样式里 “规则定义”的 英语翻译
一.文件命名规范
[b]样式文件命名[/b]
[quote]主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css [/quote]
[b]CSS ID 的命名[/b]
[quote]页头:header
登录条:loginbar
标志:logo
侧栏:sidebar
广告:banner
导航:nav
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendlink
页脚:footer
版权:copyright
外 套:wrap
主导航:mainnav
子导航:subnav
页 脚:footer
整个页面: content
页 眉:header
页 脚:footer
商 标:label
标 题:title
主导航:mainbav(globalnav)
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
旗 志:logo
标 语:banner
菜单内容1: menu1content
菜单容量: menucontainer
子菜单:submenu
边导航图标:sidebarIcon
注释: note
面包屑:breadcrumb(即页面所处位置导航提示)
容器: container
内容: content
搜索: search
登陆: Login
功能区:shop(如购物车,收银台)
当前的 current[/quote]
[b]网站常用中英文对照表[/b]
[quote]网站导航 Site Map
公司简介 Profile or Company Profile or Company
公司设备 Equipment Equipment
公司荣誉 Glories Glories
企业文化 Culture Culture
产品展示 Product Product
资质认证 Quality Certification
企业规模 Scale Scale
营销网络 Sales Network
组织机构 organization organization
合作加盟 Join In Cooperation
技术力量 Technology Technology
经理致辞 Manager`s oration
发展历程 Development History
工程案例 Engineering Projects
业务范围 Business Scope
分支机构 Branches
供求信息 Supply Demand
经营理念 Operation Principle
产品销售 Sales Sales
联系我们 Contact Us Contact Us
信息发布 Information Information
返回首页 Homepage Homepage
产品定购 order order
分类浏览 Browse By Category
电子商务 E-business
公司实力 Strength Strength
版权所有 Copy Right
友情连结 Hot Link
应用领域 Application Fields
人力资源 Human Resource Hr
领导致辞 Leader`s oration
企业资质 Enterprise Qualification
行业新闻 Trade News
行业动态 Trends
客户留言 Customer Message
客户服务 Customer Service
新闻动态 News Trends
公司名称 Company Name
销售热线 Sales Hot-Line
联系人 Contact Person
您的要求 Your Requirements
建设中 In Construction
证书 Certificate Certificate
地址 ADD Add
邮编 Postal Code Zipcode
电话 TEL Tel
传真 FAX Fax
产品名称 Product Name
产品说明 Description Description
价格 Price
品牌 Brand
规格 Specification
尺寸 Size
生产厂家 Manufacuturer Manufacturer
型号 Model
产品标号 Item No.
技术指标 Technique Data
产品描述 Description
产地 Production Place
销售信息 Sales Information
用途 Application
论坛 Forum
在线订购 On-line order
招商 Enterprise-establishing
招标 Bid Inviting
综述 General
业绩 Achievements
招聘 Join Us
求贤纳士 Join Us
大事 Great Event
动态 Trends
服务 Service
投资 Investment
行业 Industry
规划 Programming
环境 Environment
发送 Delivery
提交 Submit
重写 Reset
登录 Enter
注册 Login
中国企业网技术支持 Powered By Ce.Net.Cn
社区 Community
业务介绍 Business Introduction
在线调查 Online Inquiry Inquiry
下载中心 Download
会员登陆 Member Entrance
意见反馈 Feedback
常见问题 FAQ
中心概况 General Profile
教育培训 Education Training
游乐园 Amusement Park
在线交流 Online Communication
专题报道 Special Report[/quote]
常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首 字母应大写:诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为 “searchBtn”……
一. 常规书写规范及方法
1. 选择DOCTYPE:
XHTML 1.0 提供了三种DTD声明可供选择:
过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ““
严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如br。完整代码如下:
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” ““
框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” ““
理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站,使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通 过W3C的代码校验。
2. 指定语言及字符集:
为文档指定语言:
html xmlns=”” lang=”en”
为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言;如:
常用的语言定义:
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /
标准的XML文档语言定义:
?xml version=”1.0″ encoding=” utf-8″?
针对老版本的浏览器的语言定义:
meta http-equiv=”Content-Language” content=” utf-8″ /
为提高字符集,建议采用“utf-8”。
3. 调用样式表:
外部样式表调用:
页面内嵌法:就是将样式表直接写在页面代码的head区。如:
style type=”text/css”!– body { background : white ; color : black ; } – /style
外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。
link rel=”stylesheet” rev=”stylesheet” href=”css/style.css” type=”text/css” media=”all” /
在符合web标准的设计中,推荐使用外部调用法,可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件,那么改一个样式表文件,可以改变所有文件的样式。
4、选用恰当的元素:
根据文档的结构来选择HTML元素,而不是根据HTML元素的样式来选择。例如,使用P元素来包含文字段落,而不是为了换行。如果在创建文档时找不到适当的元素,则可以考虑使用通用的div 或者是span;
避免过渡使用div和span。少量、适当的使用div和span元素可以使文档的结构更加清晰合理并且易于使用样式;
尽可能少地使用标签和结构嵌套,这样不但可以使文档结构清晰,同时也可以保持文件的小巧,在提高用户下载速度的同时,也易于浏览器对文档的解释及呈视;
5、派生选择器:
可以使用派生选择器给一个元素里的子元素定义样式,在简化命名的同时也使结构更加的清晰化,如:
.mainMenu ul li {background:url(images/bg.gif;)}
6、辅助图片用背影图处理:
这里的”辅助图片”是指那些不是作为页面要表达的内容的一部分,而仅仅用于修饰、间隔、提醒的图片。将其做背影图处理,可以在不改动页面的情况下通过CSS样式来进行改动,如:
#logo {background:url(images/logo.jpg) #FEFEFE no-repeat right bottom;}
7、结构与样式分离:
在页面里只写入文档的结构,而将样式写于css文件中,通过外部调用CSS样式表来实现结构与样式的分离。
8、文档的结构化书写:
页面CSS文档都应采用结构化的书写方式,逻辑清晰易于阅读。如:
div id=”mainMenu”
ul
lia href=”#” 首页/a/li
lia href=”#” 介绍/a/li
lia href=”#” 服务/a/li
/ul
/div
#mainMenu {
width:100%;
height:30px;
background:url(images/mainMenu_bg.jpg) repeat-x;
}
#mainMenu ul li {
float:left;
line-height:30px;
margin-right:1px;
cursor:pointer;
}
*******************************************************************************************
命名参考(来源网络)
常用的CSS命名规则:
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
命名全部使用小写字母,如果需要多个单词,单词间使用“-”分隔,比如user-list
常用代码结构:
div:主要用于布局,分割页面的结构
ul/ol:用于无序/有序列表
span:没有特殊的意义,可以用作排版的辅助,
例如
lispan(4.23)/span天幻网六周年天幻网六周年天幻网六周年天幻网六/li
然后在css中定义span为右浮动,实现了日期和标题分两侧显示的效果
h1-h6:标题
h1-h6 根据重要性依次递减
h1位最重要的标题
label:为了使你的表单更有亲和力而且还能辅助表单排版的好东西,
例如:
label for="user-password"密 码/label
input type="password" name="password" id="user-password" /
fieldset legend:fildset套在表单外,legend用于描述表单内容。
例如:form
fieldset
legendtitle/legend
label for="user-password"密 码/label
input type="password" name="password" id="user-password" /
/fieldset
/form
dl,dt,dd:当页面中出现第一行为类似标题/简述,然后下面为详细描述的内容时应该使用该标签,
例如dl
dt什么是CSS?/dt
ddCSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。dd
dt什么是XHTML?/dt
ddXHTML是一个基于XML的置标语言,看起来与HTML有些想像,只有一些小的但重要的区别。可以这样看,XHTML就是一个扮演 着类似HTML的角色的XML。 本质上说,XHTML是一个桥接(过渡)技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。/dd
/dl
C #content
S #subcol
M #maincol
X #xcol
这是纵向布局的XHTML结构,c-smx表示网页有三个纵栏, c-sm表示有两个纵栏, c-mx表示有两个纵栏其中一个是附属的, c-m表示一个纵栏。
其中在三纵栏的布局需要分为两层 第一层是#subcol与#main第二层是#main中的#maincol与#xcol。
自定义命名:
根据w3c网站上给出的,最好是用意义命名
比如:是重要的新闻高亮显示(像红色)
有两种
.red{color:red}
.important-news{color:red}
很显然第二种传达的意义更加明确,所以尽量不要用意义不明确的作为自己自定义的名字
CSS命名规范
DIV CSS名称 说明
网站公用相关
Container div #container 容器
Header or banner div #header 页头部分
Main or global navigation div #mainNav 主导航
Menu #menu 菜单
Sub Menu #submenu 子菜单
Left or right side columns #sidebarA, #sidebarB 左边栏或右边栏
Main div #main 页面主体
Content div #content 内容部分
The main content area #contentMain 主要内容区域
Footer div #footer 页脚部分
Tag #tag 标签
Message #msg #message 提示信息
Tips #tips 小技巧
Vote #vote 投票
Friend Link #friendlink 友情连接
Title #title 标题
Summary #summary 摘要
Sub-navigation list #subNav 二级导航
Search input #searchInput 搜索输入框
Search output #searchOutput 搜索输出和搜索结果相似
Search #search 搜索
Search results #searchResults 搜索结果
Copyright information #copyright 版权信息
brand #branding 商标
branding-logo #brandingLogo LOGO
Site information #siteinfo 网站信息
Copyright information etc. #siteinfoLegal 法律声明
Designer or other credits #siteinfoCredits 信誉
Join us #joinus 加入我们
Partnership opportunities #partner 合作伙伴
Services #service 服务
Regsiter #regsiter 注册
Status #status 状态
9、鼠标手势:
在XHTML标准中,hand只被IE识别,当需要将鼠标手势转换为“手形”时,则将“hand”换为“pointer”,即“cursor:pointer;”
华为荣耀10指令代码大全
试了很多代码,只有下面这些是有效的:
工程菜单:*#*#2846579#*#*
显示手机原厂出厂串号(移动通信国际识别码):*#06#
手机序列号:*#*#1357946#*#*
关于手机:*#0000#
使用情况统计:*#*#6130#*#*
全面测试:*#2846#(音量下:下一项测试;音量上:上一项测试;电源键:跳过本项测试;HOME键回主界面)
导航图标代码大全的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于导航各种图标解释、导航图标代码大全的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-09网页代码,网页代码快捷键
- 05-06单页网站的代码(完整的网页代码)[20240506更新]
- 05-06个人主页图片代码(个人主页图片代码怎么弄)[20240506更新]
- 05-06提取微信名片代码(微信名片信息提取)[20240506更新]
- 05-06php后台权限管理代码(php管理员权限)[20240506更新]
- 05-06付费观看代码php(付费观看代码)[20240506更新]
- 05-06在线html执行代码(html怎么运行)[20240506更新]
- 05-06源代码管理资源管理器(资源管理器运行代码)[20240506更新]
- 05-06代码源软件库(程序代码库)[20240506更新]
- 05-06点击弹出密码代码(点击弹出密码代码错误)[20240506更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接