一、CSS 的三类选择器 1、标记选择器 2、类别选择器 在 HTML 中的引用方式:

标记内容

3、ID 选择器 在 HTML 中的引用方式:

标记内容

注意: Id 不允许重复使用。 二、选择器的申明 1、集体申明 body,p,.class,#id { 属性:属性值; ………… } 2、嵌套使用 h1 em { 属性:属性值; ………… } 在 HTML 中的引用方式:

我们的首都是北京

在嵌套中,em 样式会继承和 h1 的样式,h1 和 em 存在一定的父子关系。 三、CSS 样式表的引用方式 1、嵌套引用

标记内容

2、内部引用 HTML 中中定义并在中引用 3、外部引用 在外部定义*.CSS 文件,在标记中引入该文件。 *.CSS 文件 标记 { 属性:属性值; ………… } .class { 属性:属性值; ………… } #id { 属性:属性值; ………… } 四、常用 CSS 属性及含义 属性 含义 属性值 font-family 设置字体 宋体 font-size 字体大小 12px color 颜色 #00ff00 font-weight 定义文字 bold font-style 文字样式 italic text-decoration 文字装饰 underline text-transform 文字转换 capital,lowercase letter-space 字符间距 vertical-align 垂直对齐 middle border-style 边框样式 solid border-width 边框宽度 2px width 宽度 3px height 高度 4px float 浮动 left,right padding 边距(left,right,top,buttom) 4px 五、网页背景 说明 属性 属性值 背景颜色 background-color 背景图片 background-image 背景图片重复 background-repeat repeat-y,no-repeat 位置 position absolute,fixed,inherit(继 承),realtive,static 附加 attachment fix 溢出 overflow 六、表格 /*tr 表示行*/
表格标题
用于表头或者加粗显示的单元格 用于表头或者加粗显示的单元格
表示单元格 表示单元格
表示横向合并单元格
表示纵向合并单元格  
 
七、页面元素 1、动态超链接 a/*a 标记*/ { 属性:属性值; ………… } a:link/*有连接时的*/ { 属性:属性值; ………… } a:visited/*已经访问过的*/ { 属性:属性值; ………… } a:hover/*鼠标经过时的*/ { 属性:属性值; ………… } 八、div 与 span 标记 1、Div 与 Span 的区别 div 标记不同行,span 标记同一行。 2、盒子模型 3、CSS 排版观念 ID 选择器:#container(width:100%);#banner;#content;#links;#footer 设置各个板块的位置
还剩5页未读

继续阅读

下载pdf到电脑,查找使用更方便

pdf的实际排版效果,会与网站的显示效果略有不同!!

需要 8 金币 [ 分享pdf获得金币 ] 0 人已下载

下载pdf

pdf贡献者

lzuniujp08

贡献于2013-04-18

下载需要 8 金币 [金币充值 ]
亲,您也可以通过 分享原创pdf 来获得金币奖励!
下载pdf