样 式 表 全 接 触(3)

 
三、样式表的属性

  1、背景属性 
  对于背景颜色和背景图片大家都比较熟悉,这里介绍两个比较有趣的背景图案属性background-attachment此属性有两个值:scroll 和 fixed;scroll是初始值,产生的效果是常见的背景图案随页面上的文字一起流动。fixed属性是指背景静止不动,文字在背景上流动的特殊效果,例如:body{background-attachment:fixed} 。background-position

此属性是设置背景图案的起始位置,可分别用百分比和长度值来设定,初始值为0和0,例如:body{background-position:50% 50%}

  2、文本属性

  这里介绍几个常用的文本属性:"text-decoration ""text-aling""line-heigth""text-indent"。

  text-decoration相信大家对这个属性都不会陌生,如我们常在网上看到的没有下划线的超链接,就是通过设置这个属性来实现的。其常用的属性值有4个,分别是:

属性值         说明       

none          无 

underline       下划线

overline       上划线

lineth-rough     删除线

有上面的属性值以后,我们就可以去掉超链接中的下划线了,设置如下:A:link{text-decoration:none}

  text-align这个属性定义了文本的对齐方式,其作用与HTML中的"align"相似。其定义的对齐方式有四种,分别是:

left         左对齐

right         右对齐

center         居中

justify        两端对齐

  line-height这个属性用来定义文本行高,即相邻的两行文字间的距离,此属性可用数字、长度、百分比来定义。例如:

body{line-heigth:1.5;font-size:10pt}

body{line-heigth:150%;font-size:10pt}

这两个定义产生的行高都是15pt;即行高属性值乘以字体大小。

  text-indent此属性定义文本首行的缩进方式,也即是在用WORD软件时所见的首行缩进的效果;此属性值可以为负。例如:

P{text-indent:5em}

p{text-indent:-5em}

将上面任何一句加到HTML中,就可以看到效果了。

  3、字体属性

字体属性是使用最多的,CSS的字体的常用属性包括:

font-family    匹配字体 BODY{font-family:Arial,Times,impact}

font-weight     字体精细 p{font-weight:bolder}设置字体为加粗

font-size      字体大小 body{font-size:10pt}

font-family 字形 p{font-family:italic}设置字体为斜体

其中的font-family的含义:首先寻找字体的名称(Arial),如果在该计算机中安装了这种字体,就使用它。如果没有安装,则移向下一种字体(Times),如果这种字体也没有安装,则移向第3种字体.你可以在列表中加入任何种字体名称。当你对一种字体在不同的操作平台上的名称没有把握时,这样做是一种好办法。另外你也可以一次性的定义所有的属性。例如:

BODY{fotn-family:宋体,Arial;font-weight:bolder;fint-size:10pt;color:blue}

时间: 2016-02-12

样 式 表 全 接 触(3)的相关文章

样 式 表 全 接 触(6)

六.样式表滤镜的构成 滤镜作为样式表大家庭中的一员,它跟其他样式表元素的定义和应用方式当然是一样的,能够直接定义在HTML标识的<head>和</head>只间.样式表滤镜的基本语法为: 标记{FILTER:滤镜名(属性名1=属性值1,属性名2=属性值2,....):} 它所表达的意思是:在该标记范围内的内容,样式表滤镜将按照小括号内的属性名所限定的对象,按属性值所设定的数值进行特效处理.其中标记为HTML语法中的任意标记,如SPAN,P,BR等等:滤镜名就是我们下面所涉及到的14

样 式 表 全 接 触(5)

五.样式表的引入 了解了CSS的定义方式,下面将具体介绍如何在HTML中引入CSS的各种方法. 1.使用<LINK> 链接外部样式表单:例如: <HEAD> <TITLE>My Stylesheet</TITLE> <LINK REL=stylesheet HREF="mystyles.css" TYPE="text/css"> </HEAD> 应用CSS文件的一个最大好处就是,你可以在每个HT

样 式 表 全 接 触(4)

四.样式表的定位 CSS定位的"positon"属性能够使用两种方法定位HTML元素:相对定位和绝对定位.所谓相对定位是指允许元素在相对于文档布局的原始位置上进行偏移:而绝对定位允许元素与原始的文档布局分离且任意定位.CSS的定位属性共有9个,分别是: position.left.top.width.height.overflow.z-index和visibility position positon的属性值有absolute.relative和static三个.当使用绝对定位元素ab

样 式 表 全 接 触(1)

现在,用FRONTPAGE制作网页简单得就象是用画笔在白纸上画图一样.但随着网站内容的不断丰富,网页上的图象.动画.字幕以及其他控件也不断增加,要实现这些元素在网页中的准确定位,就必须对这若干个元素分别调整,这一点恐怕只有那些对网页制作痴迷而执着的人才可能做到,这并不是正确的工具和灵活性就可以实现的.设想一下,打开一个文本文件,编辑几行字,就可以使整个Web站点得到改变.再设想一下,以在线的方式创建带有复杂图形.丰富字体字号等特殊效果的页面,大小只有10k.那么这样的效果如何实现呢? 1996年

样 式 表 全 接 触(8)

9.Shadow 滤镜 语法:{filter:shadow(color=属性值1,direction=属性值2):} 作用:该滤镜能够使对象产生一种阴影效果,其具体效果是由小括号中的各属性名及其对应的属性值来产生的. 参数:color属性是用来设置阴影的颜色. direction属性是用来设置投影的方向,取值范围为0度到360度,其中0度代表垂直向上,然后每45度为一个单位,该属性的默认值是向左的270度. 实例: <html> <head> <meta http-equiv

样 式 表 全 接 触(7)

八.滤镜的参数及其作用 1.Alpha 滤镜 语法:{FILTER:ALPHA(opacity=属性值1,finishopacity=属性值2,style=属性值3,startx=属性值4,starty=属性值5,finishx=属性值6,finishy=属性值7)} 作用:该滤镜能够使对象呈现渐变半透明效果,其效果是由小括号中的各属性名及其对应的属性值决定. 参数:Opacity 属性是设置不透明的程度,用百分比表示其属性值,大小是从0到100,0表是完全透明,100表示完全不透明. Fini

样 式 表 全 接 触(2)

2.类选择符 单一个选择符能有不同的CLASS(类),因而允许同一元素有不同样式.例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码 : code.html { color: #191970 } code.css { color: #4b0082 } 以上的例子建立了两个类,css和html,供网页的CODE元素使用.CLASS属性是用来在网页中以指明元素的类,例如,<P CLASS=css>,每个选择符只允许有一个类.一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的

java-数据结构的问题,反转链式表

问题描述 数据结构的问题,反转链式表 如下 class Node{ int value; Node next; } Node change(Node head){ } 需要让change()函数实现链式表的反转,head为第一个Node,后面可能有多个Node, 比如A->B->C变成C->B->A,结果返回C,要求使用java代码写出来,能够正常运行 解决方案 //翻转链表的测试类,功能我就不说了,很明显的... public class myTest { public stat

关于javascript正则式表单验证,求大神

问题描述 关于javascript正则式表单验证,求大神 下面的函数组完全不起任何作用啊,随意输入都能跳转2.html,求大神们帮看看问题出在哪里. 解决方案 问题出在: <input type="submit" value="注册">,这种写法不管onsubmit函数返true/false,都会提交表单. 推荐解决方案: <input type="button" value="注册" onclick=&qu