Css 布局技巧笔记

79 阅读2分钟

CSS使用的三种方式 当浏览器读到一个样式表时,它会按照这个样式表来对文档进行格式化。可以通过以下三种方式使用样式表: (1)内联式(2)嵌入式(3)外联式

CSS 常用的属性 CSS常的属性有字体样式、文本样式、背景样式等 (1)字体样式 使用CSS来控制HTML文档的字体,主要使用下列CSS属性。 font-family:作用是设置一组按优先级排序的字体列表,如果该列表中的第一个字体末在访问者计算机上安装,那么就尝试列表中的下一个学体,依此类推,直到列表中的某个字设置

(2) 文本样式

者 cenler 对齐)或

线 不同的“装饰“或“效果”其值主要有underline(下划

划线).none(无任何效果)等

letters 置文本的水半字间距,我们可以把期望的字间距宽度作为这个

属性的值。

cat franaform)用于控制文本的大小写,无论字母本来的大小写,你可以通过该属作其首字母大写(capitalize)、全部大写(upperense)或者全部小写(lowercase)

(3)颜色与背景 ss对手颜色与背景的控制

颜色与背景也是HTML页面里面经常需要控制的部分。

主要通过下列CSS属性:

color:指定元素的前景色。

background-color,指定元素的背景色

baekground-imagei用于设置背景图像,图像的位置需要用url指定,如background

imbge:url("bg.gif")

baekground-repeati用于控制平铺的。主要有repeat-x(横向平铺).repeat-y(纵向平铺)、repeat(横向和纵向都平铺)、no-repeat(图像不平铺)。

background-attachment用于指定背景图像是固定在屏幕上的,还是随着它所在的元素而滚动的。Scroll(图像会跟随页面滚动),fixed(图像是固定在屏幕上)。

background-position.默认状态下,背景图像将被放在屏幕的左上角,但是你可以通过CSS属性background-position来修改这一缺省设置,将背景图像摆放在屏幕上你觉得满意的地方,设置background-position属性的值有多种方式。

background,是上述所有与背景有关的属性的编写用法,使用background属性可以减少属性的数目,因此令样式表更简短易读,如下例中所示

background-color, it FFCCo6

background-image,url("bg.gif")

background.repeat:no-repeat

background-attacheent, fixed

background-poaition.cight bottom

上述这五行样式定义如果只使用background属性的话,实现同样的效果只需一行代码。