haihongyuan.com
海量文库 文档专家
全站搜索:
您现在的位置:首页 > 幼儿教育 > 幼儿读物幼儿读物

CSS1

发布时间:2013-12-15 16:00:43  

<div>区段标记
特点:为文件的不同部分应用不同的段落格式(设置一致的对齐格式)
注意:<div>标记要与align属性联合使用
span标签
<span>在行内定义一个区域,也就是一行内可以被<span>划分成好几个区域,从而实现某种特定效果。<span>本身没有任何属性。
<span> 与<div>
<span>在CSS定义中属于一个行内元素,而<div>是块级元素,我们可能通俗地理解为<div>为大容器,大容器当然可以放一个小容器了,<span>就是小容器。

***************************************************************************************
ID选择器
使用方法与类选择器基本相同
不同:ID选择器只能在HTML页面中使用一次.
使用方法:只需要利用id属性,就可以直接调用CSS的ID选择器.
格式如下:

#id { color:yellow; font-size:30px; }
注意:
ID选择器也可以用于多个标记,但这种用法是错误的.因为每个标记的id不只是被css调用,javascript等脚本语言也可以调用,如果一个HTML中有两个相同的id的标记,会导致javascript在查找id时出错.
***************************************************************************************
样式表在网页中添加的位置:
1.内部样式表:添加在<head></head>中即:
<head>
<style type="text/css">

样式……

</style>
</head>
2.外部样式表:新建一个样式表文件,扩展名为.css。
在<head></head>中添加
<link href="*.css" rel="stylesheet" type="text/css">

***************************************************************************************

样式表中选择器类型:
1.类选择器:名称是自定义的,使用“.”开头,名称不能使用中文和数字开头。
类的应用:使用class调用。例如:<p class="wz1">

2.标签选择器:是html语言中标签,不能自定义。


3.高级选择器(ID,伪类选择器)

伪类选择器:a:link,a:visited,a:hover,a:active






***************************************************************************************
文字
一、CSS文字样式
1.字体:font-family
可以同时声明任意种字体,字体之间用逗号分隔;
例:
P{
font-family:黑体,Arial,宋体;
}
2.文字大小:font-size
值可以是相对大小也可以是绝对大小.
3.文字颜色:color
4.文字粗细:font-weight
(使用像素,bold)
5.文字下划线、顶划线和删除线:
text-decoration
(underline,overline,line-through,blink)
二、CSS段落文字
1.段落的水平对齐方式:text-align
(left,center,right,justify)
3.行间距
行间距:line-height
注:在静态页面中,文字大小固定时使用绝对数值;在论坛和博客等可以由用户自定义字体大小的页面,通常设定为相对数值.

4.首字放大:float:left; float:right;
注:1)在CSS中首字放大的效果是通过对第1个字进行单独设置样式来实现的.
2)浮动元素只能浮动在左侧或者

右侧,没有浮动到中间一说.
****************************************************************************************

背景
一、背景颜色
1.页面背景色:background-color
注:通过在<body>设置
二、背景图片
1.页面的背景图:background-image
2.背景图的重复:background-repeat
(repeat-x,repeat-y,no-repeat)
3.背景图片的位置:background-position
(top left,top center,top right,center left,center right,bottom left,bottom center,bottom right)
注:也可以使用像素或百分比来进行设置.


网站首页网站地图 站长统计
All rights reserved Powered by 海文库
copyright ©right 2010-2011。
文档资料库内容来自网络,如有侵犯请联系客服。zhit326@126.com