更多>
最新下载
24小时阅读排行榜
- 1 php连接websocketjson数据咋解析_php连接websocketjson处理【步骤】
- 2 css 文本阴影不起作用怎么办_text-shadow 属性使用
- 3 php怎样获取本机出口ip_php查默认网关对应ip法【步骤】
- 4 如何正确使用 padding 和 margin 控制行内元素的间距
- 5 JSON_ARRAYAGG / JSON_OBJECTAGG 在 PostgreSQL 中的高级用法
- 6 css 想让 flex 元素宽度按比例分配怎么办_flex-grow 配合 flex-basis 使用
- 7 css工具类如何优化表单样式_通过输入控件类快速统一风格
- 8 css opacity 和 rgba 控制颜色有什么不同_通过作用范围区别解释
- 9 如何使用Golang开发简单博客后端_Golang Web后端初级项目
- 10 C++怎么判断奇偶数 C++位运算与模运算效率对比【优化】
- 11 C++ 怎么反转数组 C++ reverse函数操作普通数组代码【库函数】
- 12 css:only-child选择唯一子元素不生效怎么办_检查元素结构
- 13 Golang云原生应用如何监控_Golang监控体系搭建
- 14 C++ 怎么判断map key是否存在 C++ map count函数与find迭代器对比【容器】
- 15 C++ constexpr是什么 C++编译期常量计算优化详解【性能】
更多>
最新教程
-
- Node.js 教程
- 16426 2025-08-28
-
- CSS3 教程
- 1547214 2025-08-27
-
- Rust 教程
- 23520 2025-08-27
-
- Vue 教程
- 25932 2025-08-22
-
- PostgreSQL 教程
- 22438 2025-08-21
-
- Git 教程
- 9363 2025-08-21
下载首页 / 学习资料 / 网页制作
div +s css 布局入门
你正在学习 CSS 布局吗?是不是还不能完全掌握纯 CSS 布局?通常有两种情况阻碍你的学习:
第一种可能是你还没有理解 CSS 处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,
然后再针对语义、结构添加 CSS。这篇文章将告诉你应该怎样把 HTML 结构化。
另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align="left"等等)束手无策,不知道该
转换成对应的什么 CSS 语句。当你解决了第一种问题,知道了如何结构化你的 HTML,我再给出一个列表,详细列出原来的表
现属性用什么 CSS 来代替。
结构化 HTML
我们在刚学习网页制作时,总是先考虑怎么设计,考虑那些图片、字体、颜色、以及布局方案。然后我们用 Photoshop
或者 Fireworks 画出来、切割成小图。最后再通过编辑 HTML 将所有设计还原表现在页面上。
如果你希望你的 HTML 页面用 CSS 布局(是 CSS-friendly 的),你需要回头重来,先不考虑“外观”,要先思考你的页面
内容的语义和结构。
外观并不是最重要的。一个结构良好的 HTML 页面可以以任何外观表现出来,CSS Zen Garden 是一个典型的例子。CSS Zen
Garden 帮助我们最终认识到 CSS 的强大力量。
HTML 不仅仅只在电脑屏幕上阅读。你用 photoshop 精心设计的画面可能不能显示在 PDA、移动电话和屏幕阅读机上。但
是一个结构良好的 HTML 页面可以通过 CSS 的不同定义,显示在任何地方,任何网络设备上。
开始思考
首先要学习什么是"结构",一些作家也称之为"语义"。这个术语的意思是你需要分析你的内容块,以及每块内容服务的
目的,然后再根据这些内容目的建立起相应的 HTML 结构。
你正在学习 CSS 布局吗?是不是还不能完全掌握纯 CSS 布局?通常有两种情况阻碍你的学习:
第一种可能是你还没有理解 CSS 处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,
然后再针对语义、结构添加 CSS。这篇文章将告诉你应该怎样把 HTML 结构化。
另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align="left"等等)束手无策,不知道该
转换成对应的什么 CSS 语句。当你解决了第一种问题,知道了如何结构化你的 HTML,我再给出一个列表,详细列出原来的表
现属性用什么 CSS 来代替。
结构化 HTML
我们在刚学习网页制作时,总是先考虑怎么设计,考虑那些图片、字体、颜色、以及布局方案。然后我们用 Photoshop
或者 Fireworks 画出来、切割成小图。最后再通过编辑 HTML 将所有设计还原表现在页面上。
如果你希望你的 HTML 页面用 CSS 布局(是 CSS-friendly 的),你需要回头重来,先不考虑“外观”,要先思考你的页面
内容的语义和结构。
外观并不是最重要的。一个结构良好的 HTML 页面可以以任何外观表现出来,CSS Zen Garden 是一个典型的例子。CSS Zen
Garden 帮助我们最终认识到 CSS 的强大力量。
HTML 不仅仅只在电脑屏幕上阅读。你用 photoshop 精心设计的画面可能不能显示在 PDA、移动电话和屏幕阅读机上。但
是一个结构良好的 HTML 页面可以通过 CSS 的不同定义,显示在任何地方,任何网络设备上。
开始思考
首先要学习什么是"结构",一些作家也称之为"语义"。这个术语的意思是你需要分析你的内容块,以及每块内容服务的
目的,然后再根据这些内容目的建立起相应的 HTML 结构。
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
