考试首页 | 考试用书 | 培训课程 | 模拟考场 | 考试论坛  
  当前位置:设计制作 > CSS/HTML > 文章内容
  

HTML和CSS教材:CSS

 [ 2016年10月3日 ] 【

CSS

1.       外部样式表

<head>

<link rel=”stylesheet” type=”text/css” href=””>   <!--link元素只能出现在head标签内-->

</head>

 

或者

<style type=”text/css”>

@import url()

</style>

 

2.       提高优先级

加!important属性。如: h1{ color : black !important;}

3.       选择器

关联选择器   #nav li a,  #nav li a:link,  li emu l, ……

类选择器     .wide{ },  p.wide{}, ……

Id属性选择器 #name

锚伪类       a:link,  a:visited,  a:active,  a:hover, 或者直接 :link ……

印刷为元素   <P>

P:first-line{  font, color, background, word-spacing, letter-spacing, text-decoration, vertical-align, text-transform, line-height, clear}

P:first-letter{  font, color, background, letter-spacing,  vertical-align, text-transform, line-height}

选择器中的为元素 body p:first-letter{ }, p.id:first-letter{}, ……

4.       框架属性与内容

border, border-bottom, border-top, border-left, border-right

border-bottom-color, border-bottom-style, border-bottom-width

border-width, border-color, border-style

clear, float

margin, margin-top, margin-bottom, margin-left, margin-right

padding, padding-top, padding-bottom, padding-left, padding-right

5.       颜色与背景属性

background, background-attchment, background-color, background-image, background-position, background-repeat, color

6.       分级属性

display, list-style-type, list-style-image, list-style-position, list-style, white-space

ul {  list-style-image:url("/i/arrow.gif");  list-style-type:square;  }

7.       字体属性

font, font-family, font-size, font-style, font-variant, font-weight

8.       文字属性

Letter-spacing, line-break, line-height, vertical-align,

text-align, text-decoration, text-indent, text-justify, text-transform

9.       盒子模型

10.  定位元素

position(仅div可用):absolute(相对父元素), width, height, z-index, static, relative(相对页面)

left, top(坐标):元素与父元素左方和上方边缘的空间大小,可用于padding,border,margin

width, height绝对或相对的宽度与高度。可用于定义元素实际占用空间,以内容长度为准,不包括padding、border与margin

visibility: visible(可见), hidden(隐藏), inherit(继承父元素属性)

11.  度量单位

px 像素, in 英寸, cm 厘米, mm 毫米, pt=1/72in,  pc=12pt

本文纠错】【告诉好友】【打印此文】【返回顶部
将考试网添加到收藏夹 | 每次上网自动访问考试网 | 复制本页地址,传给QQ/MSN上的好友 | 申请链接 | 意见留言 TOP
关于本站  网站声明  广告服务  联系方式  站内导航  考试论坛
Copyright © 2007-2013 中华考试网(Examw.com) All Rights Reserved