没有合适的资源?快使用搜索试试~ 我知道了~
DIV+CSS_网页布局常用基础知识.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 40 浏览量
2021-10-02
11:27:20
上传
评论
收藏 142KB PDF 举报
温馨提示
试读
11页
DIV+CSS_网页布局常用基础知识.pdf
资源推荐
资源详情
资源评论
页 眉: header
内 容: content
容 器: container
页 脚: footer
版 权: copyright
导 航: menu
主导航: mainMenu
子导航: subMenu
标 志: logo
标 语: banner
标 题: title
侧边栏: sidebar
图 标: Icon
注 释: note
搜 索: search
按 钮: btn
登 录: login
链 接: link
信息框: manage
,,
常 用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加
以注释。对于二级类 /ID 命名,则采用组合书写的模式,后一个单词的首字母应
大写: 诸如“搜索框”则应命名为“ searchInput ”、“搜索图标”命名这
“searchIcon ”、“搜索按钮”命名为“ searchBtn
CSS书写规范及方法
一. 常规书写规范及方法
1. 选择 DOCTYPE:
XHTML 1.0 提供了三种 DTD声明可供选择:
过渡的 (Transitional): 要求非常宽松的 DTD,它允许你继续使用 HTML4.01的标
识( 但是要符合 xhtml 的写法 ) 。完整代码如下:
严格的 (Strict): 要求严格的 DTD,你不能使用任何表现层的标识和属性,例如
。完整代码如下:
框架的 (Frameset): 专门针对框架页面设计使用的 DTD,如果你的页面中包含有
框架,需要采用这种 DTD。完整代码如下:
理想情况当然是严格的 DTD,但对于我们大多数刚接触 web标准的设计师来说,
过渡的 DTD(XHTML 1.0 Transitional) 是目前理想选 择( 包括本站,使用的也是
过渡型 DTD)。因为这种 DTD还允许我们使用表现层的标识、元素和属性,也比
较容易通过 W3C的代码校验。
2. 指定语言及字符集:
为文档指定语言:
为了被浏览器正确解释和通过 W3C代码校验,所有的 XHTML文档都必须声明它们
所使用的编码语言;如:
常用的语言定义:
标准的 XML文档语言定义:
针对老版本的浏览器的语言定义:
为提高字符集,建议采用“ 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元素的样式来选择。例如,
剩余10页未读,继续阅读
资源评论
资料大全
- 粉丝: 14
- 资源: 26万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- WS2-32.lib,在编译程序中可以链接使用
- 秒懂傅里叶变换matlab程序实现过程
- ZEND解密dezender12
- sony 索尼IMX334摄像头模组电路板AD版硬件PCB图(6层板).zip
- 基于flask和echarts融合交易策略的bitfinex可视化微服务.zip
- 包含了wvp-assist.tar wvp-talk.tar zlmediakit.tar .
- 3r4efgh53wgrf43tw
- 2024新版Java基础从入门到精通全套视频+资料下载
- Spring AI大模型视频教程+ChatGPT视频教程+OpenAI大模型视频教程(资料+视频教程)
- ABB工业机器人教程PDF版本
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功