当前位置：首页 -> 网页设计 -> HTML/CSS -> Xhtml第7天：css入门知识

Xhtml第7天：css入门知识

时间： 2021-07-31 作者：daque

css是cascading style sheets(层叠款式表)的缩写。是一种对web文书档案增添款式的大略体制，属于展现层的构造谈话。

1.基础语规则范

领会一个典范css的语句：

p {color:#ff0000;background:#ffffff}

个中"p"咱们称为"采用器"(selectors)，指明咱们要给"p"设置款式；

款式证明写在一对大括号"{}"中；

color和background称为"属性"(property)，各别属性之间用分号";"分割；

"#ff0000"和"#ffffff"是属性的值(value)。

2.脸色值

脸色值不妨用rgb值写，比方：color : rgb(255,0,0)，也不妨用十六进制写，就象上头例子color:#ff0000。即使十六进制值是成对反复的不妨简写，功效一律。比方:#ff0000不妨写成#f00。但即使不反复就不不妨简写，比方#fc1a1b必需写满六位。

3.设置字体

web规范引荐如次字体设置本领：

body { font-family : "lucida grande", verdana, lucida, arial, helvetica, 宋体,sans-serif; }

字体依照所列出的程序采用。即使用户的计划机含有lucida grande字体，文书档案将被指定于lucida grande。没有的话，就被指定于verdana字体，即使也没有verdana，就指定于lucida字体，依该类推，；

lucida grande字体符合mac os x；

verdana字体符合一切的windows体例；

lucida符合unix用户

"宋体"符合华文简体用户;

即使所列出的字体都不许用，则默许的sans-serif字体能保护挪用;

4.群采用器

当几个元素款式属性一律时，不妨共通挪用一个证明，元素之间用逗点分割，： p, td, li { font-size : 12px ; }

5.派生采用器

不妨运用派生采用器给一个元素里的子元素设置款式，比方如许：

li strong { font-style : italic; font-weight : normal；} 即是给li底下的子元素strong设置一个斜体不加粗的款式。

6.id采用器

用css构造重要用层"div"来实行，而div的款式经过"id采用器"来设置。比方咱们开始设置一个层

<div id="menubar"></div> 而后在款式内外如许设置：

#menubar {margin: 0px;background: #fefefe;color: #666;} 个中"menubar"是你本人设置的id称呼。提防在前方加"#"号。

这个本领重要用来设置层和那些比拟搀杂，有多个派生的元素。

6.类型采用器

在css里用一个点发端表白类型采用器设置，比方：

.14px {color : #f60 ;font-size:14px ;} 在页面中，用class="类型名"的本领挪用：

<span class="14px">14px巨细的字体</span> 这个本领比拟大略精巧，不妨随时按照页面须要兴建和简略。

7.设置链接的款式

css顶用四个伪类来设置链接的款式，辨别是：a:link、a:visited、a:hover和a : active，比方：

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}a:active {font-weight : bold ;text-decoration : none ;color : #f90 ;} 之上语句辨别设置了"链接、已考察过的链接、鼠标停在上方时、点下鼠标时"的款式。提防，必需按之上程序写，要不表露大概和你预见的不一律。记取它们的程序是“lvha”。

呵呵，看了这么多，有拍板晕吧，本质上css的语规则范再有很多，这边列的不过少许常用的，究竟咱们是循规蹈矩，不大概一结巴成大块头:)

Xhtml第7天：css入门知识

相关推荐

推荐下载

热门阅览

最新排行