当前位置: 网站建设 > 网页设计 > 建站经验 >

用CSS控制网页总体风格

时间:2013-03-02 04:08来源:未知 作者:admin 点击:

标签:用CSS控制网页总体风格 改变(4)CSS(655)总体(1)由上(2)偏好(1)控制(21)元素(40)风格(7)网页(168)
偏好元素风格的改变 经由上面的改变有时不免给你带来必定麻烦,如果碰到页面中某个元素,比方凸起显示的文字的字体、字号以及色彩怎么办!这里我们就需要再定义一个新的CSS款式单来对其进行控制,右键点击页面编辑区,在弹出快捷菜单中点击CSS Style/Edit Style Sheet命令,弹出Edit Style Sheet对话框,抉择列表中的all.css,点击New按钮,在弹出的New Style对话框中取舍Make Custom Style(class)的Type类型定义一个本人偏好的CSS控制。如果想更
用CSS控制网页总体风格》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302344332013.htm

  偏好元素风格的改变
  经由上面的改变有时不免给你带来必定麻烦,如果碰到页面中某个元素,比方凸起显示的文字的字体、字号以及色彩怎么办!这里我们就需要再定义一个新的CSS款式单来对其进行控制,右键点击页面编辑区,在弹出快捷菜单中点击“CSS Style/Edit Style Sheet”命令,弹出“Edit Style Sheet”对话框,抉择列表中的all.css,点击“New”按钮,在弹出的“New Style”对话框中取舍“Make Custom Style(class)”的“Type”类型定义一个本人偏好的CSS控制。如果想更改页面中某一元素的属性,选中它而后右键单击“CSS Styles”面板中“Apply Styles”中方才定义的CSS,履行“Apply”命令就能够了(如图2)。
  


图2


图3


  统一掌握超级链接
  超级链接也是网页中常常应用的,而网页的链接色默认都是蓝色,固然可以更改,但单一颜色在不同背景色的网页上显示就不是那么见效了,我们来看一下如何用CSS控制网页实现不同的个性链接颜色。在“New Style”对话框中,挑选“Use CSS Selector”的“Type”类型,在“Selector”下拉框中会列出“a:link(链接属性)”、“a:hover(鼠标移动到链接上的属性)”、“a:visited(链接被拜访后属性)”、“a:active(链接焦点状况下的属性)&rdquo,用CSS控制打印(代码);4个选项(如图3),这4个选项的设置会控制网页中所有的链接的属性,我们可以分辨定义这4个属性,然后增加到“CSS Style”面板中与默认设置不同的CSS控制中,再将其“Apply”到需要改变的链接上就实现了。如果将“Hover”的字体设置的比“Link”略微大一点,就会呈现鼠标挪动到链接上时字体变大的效果,尝尝看是不是很巧妙!
  
  名词说明:CSS即层叠样式表(Cascading Style Sheet)是在网页制造进程中广泛用到的技术。采取了CSS技巧控制的网页,设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及统一页面的不同部门、不同页面的外观和格局等效果实现更加准确地控制。Dreamweaver MX推出后,其改良的CSS渲染和设计工具、通过加强CSS面板清楚显示内、外部定义的样式,让用户构建出合乎最新CSS尺度的站点。 Tag:CSS   网页   风格   CSS   网页   风格  


图1

--> [网站建设之]用CSS节制网页总体风格

        ,用CSS控制IE下中英文字体显示对齐;  在网站建设中我们通常须要统一网站的整体风格,统一的作风大局部关联到网页中文字属性、网页背风景以及链接文字属性等等,假如咱们利用CSS来把持这些属性,会大大进步网页设计速度,更加同一网站总体后果。
  为了到达修改全部网页的目标,我们需要编纂一个外挂式的CSS文档。依据这个文档定义跟修正不同CSS属性并在页面元素雷同或者类似的网页里调用它。
  整体转变页面风格
  当初网页中风行宋体的9pt和10.5pt的字体,按快捷键“Shift+F11”翻开“CSS Style控制面板”,单击&ldquo,用CSS把标题超出的部分变成...;New Style”按钮,弹出“New Style”对话框,复选“Redefine HTML Tag”的“Type”类型,这时在Tag处会涌现“body”、“br”、“cite”等选项,选择“body”后确认。这样我们就树立了一个外挂的CSS文档,在保存对话框中保留为all后就进入“Style Definition for body in all,用CSS实现的图片透明度链接效果代码.css”对话框(如图1)。选择“Category”中的“Type”项,定义“Font&rdquo,用CSS实现段落前面缩进两个字;为“宋体”、“Size”参数为“9”,其后的下拉框选择“Points”、“Color”自定义为爱好颜色就可以了。当然还可以选择“Category”中的“Background”项来定义“Background”颜色和其余背景属性。这时您会看到页面中内容的整体改变。
  
(责任编辑:网站建设)
用CSS控制网页总体风格相关文章
上一篇:用CSS控制打印(代码) 下一篇:用CSS提高网页在浏览器的渲染速度
回到顶部