学习啦——学设计>网页设计>网站建设>网站前端技术>

设计网页需要具备哪些方法_设计网页有什么方法

宇民分享

  符合W3C标准。微软等公司均为W3C支持者。因为这保证您的网站不会因为将来网络应用的升级而被淘汰。下面由学习啦小编为大家整理的,希望大家喜欢!

  设计网页的方法

  (一)、CSS语法

  CSS语法由三部分构成:选择器、属性和值。selector {property: value}选择器 (selector) 通常是你希望定义的 HTML 元素或标签,属性 (property) 是你希望改变的属性,并且每个属性都有一个值。

  (二)、css代码优化

  编写好的CSS代码,有助提升页面的渲染速度。本质上,引擎需要解析的CSS规则越少,性能越好。

  (三)、CSS闭合浮动元素

  按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。

  (四)、影响CSS渲染速度

  程序员在css编写时的习惯,直接影响了页面渲染速度的快慢,这一点在ie里特别明显。所以大家要养成良好的写css的习惯,这样你的页面才能快速加载,增强用户体验度。

  CSS基本的语法

  1.基本语法

  CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。

  2.选择符组

  你可以把相同属性和值的选择符组合起来书写,用逗号将选择符分开,这样可以减少样式重复定义:

  h1, h2, h3, h4, h5, h6 { color: green }

  3.类选择符

  用类选择符你能够把相同的元素分类定义不同的样式,定义类选择符时,在自定类的名称前面加一个点号。

  我们可以很方便的在任意元素上套用预先定义好的类样式。

  4.ID选择符

  在HTML页面中ID参数指定了某个单一元素,ID选择符是用来对这个单一元素定义单独的样式。

  5.包含选择符

  可以单独对某种元素包含关系定义的样式表,元素1里包含元素2,这种方式只对在元素1里的元素2定义,对单独的元素1或元素2无定义。

  6.样式表的层叠性

  层叠性就是继承性,样式表的继承规则是外部的元素样式会保留下来继承给这个元素所包含的其他元素。事实上,所有在元素中嵌套的元素都会继承外层元素指定的属性值,有时会把很多层嵌套的样式叠加在一起,除非另外更改。例如在DIV标记中嵌套P标记:

  div { color: red; font-size:9pt}

  7.注释

  你可以在CSS中插入注释来说明你代码的意思,注释有利于你或别人以后编辑和更改代码时理解代码的含义。

  divcss网页中显示虚线的方法

  方法一:作一个1X2的图。半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。

  方法二:在CSS里面设定。

  在CSS面板里new一个style,选择“redefine HTML Tag”,再在下拉菜单里先“table”,在弹出的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意,这个效果在浏览器里才能看见。

  方法三:直接在html里设置(如果你只想让某一个表格边框是虚线的话)。

  在表格的html里加上这个:

  style="BORDER-LEFT: 000000 1PX DASHED; BORDER-RIGHT: 000000 1PX DASHED; BORDER-TOP: 000000 1PX DASHED; BORDER-BOTTOM: 000000 1PX DASHED"

  颜色是十六位代码,你可以自己设。方法二、三,只能在IE5.5里用,到了NETSCAPE里一点用处都没有,除非你用做好的底图填充。