css概念、功能和语法

css概念、功能和语法

as是cacudingcacure，中文可译为样本纸或样本表（风格流程）。CSS在网页里和HTML在一起作用,但是它不属于HTML。使用CSS可以扩展HTML的功能,使得用户可以重新定义HTML元素的显示方式。CSS所能改变的性质有:字体、文字间的空间、列表、颜色、背景、Margin、位置等。使用CSS,用户可以将格式和结构分离,可以以前所未有的能力控制页面布局,可以保证在所有浏览和平台之间的兼容性,可以获得更少的编码、更少的页数和更快的下载速度。1lector和properityCSS的每一条定义都有如下的形式:selector狖property:value;property:value;...狚,其中:selector:第一种是HTML的tag(标签),比如P,BODY,A等等;第二种叫class;第三种叫ID。property:就是那些将要被修改的性质(属性),比如color。value:给property赋的值(参数),比如给color的值为red。例如:CSS语句:A狖color:red狚定义所有的连接颜色为红色。通常所有CSS的定义语句包括在STYLE元素里面放到HEAD中。2多条件定义红色语活(1)HTMLselector:HTMLselector就是HTML的tags,比如P,DIV,TD等。如果CSS定义了它们,那么在整页中这个Tag的性质就按照CSS的定义来显示。其语法如下:例如H1狖color:red狚将本页中的H1的颜色设置成红色;也可以在一条语句中同时定义多个selector:H1,H3,TD狖color:red狚。(2)CLASSselector:有两种类型,一种是与一个HTML的tag有关联的,叫做相关CLASSselector,语法是:另一种类型为独立CLASSselector,即它可以与任何tag发生关联,语法为:(3)IDselector:IDselector与独立classselector的功能基本一样,区别在于它们的语法和用法不同,有ID的HTML元素可以被CSS-P和JavsScript来操纵,其语法如下:3所控制的声母参数如表1(1)控制字形。CSS用来控制字形的性质是font-family,可以用它来决定任何一个元素中文字的字形。例如:也可以同时列出多种字形,每个字形中间用逗号隔开,浏览器按先后顺序来选择使用,例如:(2)控制大小。用来控制字体大小的性质是font-size.它的值可以在1～500间选择。例如:(3)控制斜体。使字体成为斜体的性质是font-style,例如:(4)控制加重。使字体成为重体的性质是font-weight,它可以调节文字的粗细,该性质的值可以是lighte,normal,bold,bolder等。例如:(5)控制行距。使用ling-height性质可以调节行距大小,有三种设定行距的方法:数字、长度单位和比例。例如:(6)控制看齐。使用text-align性质可以控制看齐,它的可能值有left(左),tight(右)、center(中间)、justify(左右),缺省值是left,即左对齐。例如:(7)控制段落的首行空格。使用textindent可以控制段落的首行空格。例如:P狖text-indent:lcm狚;段落的首行空格为1cm。这里的长度单位可以是in(英寸)、cm(厘米)、mm(毫米)、pt(点数)、pc(打字机字间距)、em(ems)、ex(x-height)、px(象素)等等。(8)控制字母的大小写。可以使用text-transform来改变英文的大小写。例如:(9)控制文字的装饰。使用textdecoration控制文字的装饰,即给文字加下滑线、删除线等等。例如:(10)控制字间距。使用word-spacing可以控制字与字的间距大小。例如:H3狖word-spacing:lem狚;长度单位同上。11控制字母间距。使用letter-spacing可以控制字母与字母的间距。例如:H3狖letter-spacing:10px狚;长度单位同上。12控制边距。使用顶边距(margintop)、底边距(margin-bottom)、左边距(margin-left)和右边距(margin-right)这4项属性可以控制一个要素四周的边距。例如:H4狖margin-top:20px;margin-bottom:5px;margin-left:100px;margin-right:55px狚13控制空格填充。空格填充的作用类似于边距控制,使用顶空格填充(padding-top)、底空格填充(paddingbottom)、左空格填充(padding-left)和右空格填充(padding-right)以设定一个要素前后左右的空格填充尺寸。例如:H4狖padding-top:20px:padding-bottom:5px;padding-left:100px;padding-right:55px狚14控制顶边框宽度、底边框宽度、左边框宽度和右边框宽度。你可以控制整个边框的宽度,也可以分别控制每一边的边框宽度,使用的性质是:bordertop-width(顶)、border-bottom-width(底)、border-left-width(左)、borderright-width(右)和bordert-width(四周同宽)。例如:H4狖border-top-width:2px;borderbottom-width:5px;border-left-width:lpx;border-right-width:1px狚15控制边框颜色。使用bordercolor可以控制边框颜色(颜色的值可以有三种表示方法)。16控制边框样式。使用border-style可以控制边框样式,该性质的可能值有:solid、double、dotted、dashed、groove、ridge、inset、outset等。例如:P狖border-style:double;border-width:3px狚17控制颜色。使用color可以控制颜色,颜色值的表示方法如前所述,例如:B狖color:#333399狚18控制背景色。使用backgroundcolor可以控制背景色,例如:P.yellow狖background-color:#FFFF66狚19控制背景图象。使用background-image可以控制背景图象,它的值可以是某GIF或JPEG图象的URL,也可以是none(取消背景图象),例如:B狖background-image:ur1(background.gif)狚20控制定位。使用position可以控制定位,定位又分为绝对定位(absolute)和相对定位(relative),绝对定位能使用户精确地定位要素在页面的独立位置,而不考虑页面其它要素的定位设置。相对定位是指用户所定位的要素的位置相对于它在文件中所分配的位置。要定位距离时,有四种方位:left、bottom、top、right,距离值可以使用各种长度单位或比例值。使用比例值时,比例值指的是相对于母体要素的尺寸。例如:H4狖position:absolute;left:100px;top:43px狚;绝对定位;I狖position:relative;left:40px;top:10px狚;相对定位。4定义底层约束引入+承担相关定义(1)对于不同的浏览器,甚至是不同浏览器的不同版本,CSS的使用都有所不同,有些CSS的定义甚至在某些浏览器的某些版本中无法使用,具体见相关文档。(2)CSS的定义具有继承性,即样式表的定义可从母体延续到子体,嵌套的定义外层约束内层,例如:〈B〉AllmyWebpageswillusecascadingstylesheetswithin〈I〉four〈/I〉weeks.〈/B〉因为〈I〉标签位于〈B〉标签之内,所以它接受了〈B〉标签的定义。(3)