仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 740|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:网页结构教程:把握CSS网页结构属性

[复制链接]
飘灵儿 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:52:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
网页制造poluoluo文章简介:因为是结构教程例子,在版面的细节上没有花更多工夫精密润色,不外我以为模板的版面不错,懂CSS的能够下载举行更仔细的美工将会是一个很不错的网页,开端进修的能够下载来修正修正属性参数从而更抽象把握属性的特征,以到达更深把握CSS的目标。
CSS是否是真的很难学?实在不难,只是短少了把握的履历,拿着一本书硬肯,有无劳绩?有!但大概效果不年夜,作为过去人我以为主动进修想要记着的器材是很难的,进修它我的履历是能够先把握精要(主要属性入手下手),待把握精要天然而然这些属性远远不敷满意本人的需求引发本人求知的愿望,主动延长其他相干的属性从而天然把握和加深对CSS的熟悉。这是我以为的一种办法(惋惜我学的时分如果有人这么告知我会走少良多弯路)。第一次写履历和人人共享,言语构造上也许有些完善,还请网友包括,但信任在今后更多的履历中,会写的更好。以下是我总结的一些履历和我以为需要讲的一些观点性注释。有履历分享接待宣布批评配合切磋。

  在现时的网页手艺中,CSS+DIV已成为一种支流的网站尺度,我们能够称他为(web尺度)。CSS是英语CascadingStyleSheets(层叠款式表单)的缩写,它是一种用来体现HTML或XML等文件式样的盘算机言语。

  在懂得和进修CSS之前,起首我们要懂得这类盘算机言语对我们存在着那些上风和便利,了解这个我团体以为很基本但也很需要,有助于明白CSS+DIV进修目标。破洛洛综合网站手艺和计划职员的体味,并从收集使用的角度,将CSS+DIV网站计划的上风和成绩归结以下:

  起首,CSS的极年夜上风体现在简便的代码,关于一个年夜型网站来讲,能够节俭大批带宽(真正意义在于,增添了无效关头词占网页总代码的比重)利用web尺度制造的网站具有搜刮引擎友爱有必定上风;从程序与网页的美工方面,二者能够互相自力再分离从而加重事情量制止重负开辟。

  其次是CSS+DIV制造的网站使得网站改版绝对复杂,良多成绩只必要改动CSS而不必要修改程序,从而下降了网站改版的本钱,节俭良多的工夫。在和开辟室的同事都有互助过相似的项目案例,信任同事对这点或多或少能感到到本色的便利感觉。

  最初一点是在刚入手下手打仗的时分感到很欠好把持,反而以为table更好把持方位,而且有大概会有冲突利用DIV编写写网页结构的心情。实在这个是一个顺应历程,我们能够经由过程大批的实践操纵和实习并专心了解要点。以后就可以感到得出它的确是一成不变,一个页面分歧的结构有大概有分歧完成结构的写法,但不管怎样写法都好,代码都是朝一个准绳走的:就是:界说的称号尽量的通用性,也就是用起码的代码界说更多的盒模具我称它为(一位多用);定名要标准性、组合性,便利其他计划师见名解用。别的一个是关于利用ID仍是利用Class,关于这个有良多人大概会很含混。实际上是绝对的,不外如今我写的习气次要是利用class对照多,我以为这个更便利并合适本人的编写习气。

  以下是破洛洛收拾以为必要起首熟悉和把握基础经常使用的属性:

  CSS必需懂得和把握的主要属性:

  margin:auto|length由浮点数字和单元标识符构成的长度值|百分数。百分数是基于父工具的高度。关于内联工具来讲,摆布内涵边距能够是正数值。

  padding:length由浮点数字和单元标识符构成的长度值|大概百分数。百分数是基于父工具的宽度。

  float:none|left|right这个是浮动,在界说结构中一定用到的属性,在利用它的时分要注重发生的走位和扫瞄器兼容性成绩,要在良多的理论操纵中多懂得这个属性。有这个属性就要懂得以下这个配套利用的属性“扫除”

  clear:none|left|right|both;none同意双方都能够有浮动工具both不同意有浮动工具;left不同意右边有浮动工具right不同意右侧有浮动工具。

  background:url(images/aardvark.gif)lefttopno-repeat|repeat-x|repeat-y界说背景图片来丑化版面也是我们很经常使用到的属性。

  overflow:visible|auto|hidden|scroll这个感化在结构中我一般使用他来避免、办理扫瞄器兼容呈现成绩

  border:1pxsolid#CCCCC这个是界说边框巨细,线条,色彩的属性。

  list-style-imagelist-style-positionlist-stle-type这个列表属性一般利用在有序列表和无序列表傍边,列表在界说网页题目索引笔墨毗连中常常利用,这是考证CSS界说优胜于表格的典范代表。

  以上是破洛洛以为在进修CSS中必需要熟记和了解的CSS属性,充实了解了它门的特征可以年夜年夜进步我们使用结构的自在度。以是进修这个并非很难,把握以上款式你会觉察,之前不懂得的时分做起页面来感到力所能及,把握后很天然依据本人的逻辑头脑完整能够往完成本人想要的结构和版面,而且CSS冲突心情会减缓良多。

  谈到这,我要提出一个很罕见的成绩。我以为WEB尺度并非克制table全体利用DIV,包含我本人刚入手下手的时分也有如许的毛病设法,“尺度”我的了解是标准计划师养成一个优秀的编写习气,到达一种支流的一致。有的情形下表格的在网页的功效完成上仍是会有优胜于DIV的时分,而且无克制DIV利用过量泯灭ie剖析增添cpu包袱。这也是我们值得注重的成绩。

  把握以上经常使用的属性的同时,上面经由过程参考收集博客由计划铭编写的一个CSS三列结构模板,次要环绕怎样把握CSS精要,进修网页结构教程实例模板,网友能够下载该模板依据文章内容仔细揣摩,从而了解把握手艺。该模板经由本站编排涵盖下面列出主要的CSS属性。

  因为是结构教程例子,在版面的细节上没有花更多工夫精密润色,不外我以为模板的版面不错,懂CSS的能够下载举行更仔细的美工将会是一个很不错的网页,开端进修的能够下载来修正修正属性参数从而更抽象把握属性的特征,以到达更深把握CSS的目标。
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
再现理想 该用户已被删除
沙发
发表于 2015-1-17 23:44:03 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
老尸 该用户已被删除
板凳
发表于 2015-1-24 19:48:07 | 只看该作者
可以使用 CSS 检查工具进行设计。
因胸联盟 该用户已被删除
地板
发表于 2015-2-2 13:55:45 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
小魔女 该用户已被删除
5#
发表于 2015-2-7 22:55:52 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
飘灵儿 该用户已被删除
6#
 楼主| 发表于 2015-2-23 18:43:54 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
冷月葬花魂 该用户已被删除
7#
发表于 2015-3-7 10:16:13 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
金色的骷髅 该用户已被删除
8#
发表于 2015-3-15 00:54:08 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
再见西城 该用户已被删除
9#
发表于 2015-3-21 19:06:09 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 22:36

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表