1、 XHTML在建瓯那个3种列表形式:有序列表ol、无序列表ul、定义列表dl其中定义列表由dl\dt\dd 3个标签组成(栏目标题图片dt,栏目介绍文字dd)
2、 Clear属性
Clear定义禁止浮动的边,有四个属性值none(允许两侧有浮动对象)、both(不允许两侧有浮动对象)、left(不允许左侧有浮动对象)、right(不允许右侧有浮动对象)
应用浮动 float
语法:
.clear{ clear:both;} //清除浮动】
3、 溢出隐藏代码overflow:hidden;
4、 下边框为1px的虚线颜色为黑色 border-bottom:1px dotted #000;
5、 Border-bottom:1px dotted #000 定义下边框为1px的虚线,颜色#000
Background:#
Border-width:边框粗细
Overflow:hidden 溢出隐藏
Background:URL(imagines/dfsf.jpg)no-repeat right top; 背景定义
Background:#fff URL(imagines/dfsf.jpg)repeat-x right top; 背景定义(沿x方向重复)
Background:#
Margin:0 auto 0 auto外边距定义
Padding:0 20px 内边距定义 (上下0 左右20px)
Color:#000颜色定义
Height:高度定义
Float:left 向左浮动
Margin-bottom:18px 下外边距定义
Display:none 隐藏元素
Display:block定义为块元素
White-space:nowrap 强制不换行
Text—align: 水平居中对齐
Font-size: 文字大小
Line-height:40px 行距定义
Text-decoration:none 去除文本装饰 underline 文本下划线
Text—indent:0em文本缩进
List-style-type:none去除列表项预设标记
Border-top:1px solid #
Clear:both 清除浮动
Border:1px solid #999 边框定义
Href:
Alt:
Li
Ul
6、 搜索框代码
<form actiom=”” method=”post” name=”search” id=”search”>
<input type=”text” name=”keyword” id=”keyword”/>
<input type=”image” src=”sfdsfs.jpg” name=”search_botton” id=” search_botton”>
</form>
7、通配选择器(*)
可以对一些CSS样式进行全局设置
*{
Font-size:12px;
Coor;#000;
}
8、 隐藏链接文本
#header #logo
{
Float:left;
Margin—top:15px;
Background: url(jst.jpg) no-repeat 0 0;
}
#header #logo a
{
Display:block; 定义为块元素
Width:138px;
Height:45px;
Text-indent:150px; 文本缩进
White-space:nowrap;强制不换行
Overflow:hidden; 溢出隐藏
}
9、颜色
#e3e3e3浅灰色
10、默认纵向排列的无序列表ul的列表项li定义成横向排行
CSS代码
#header ul li{
Float:left;
Margin:7px 1px 0 0;
}
#header ul li#menu_7{
Margin:0;
}
11、a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
11、色彩丰富且有色彩渐变过渡则选择JPG格式,色彩简单无过渡的选择GIF格式(也可以是PNG格式)
12、需要在main层及main层之后加入清除浮动的XHTML编码以避免因浮动造成的页面错乱
<div class=”clear” ></div>
注意:需要加至两处,分别是main层内最末处和main层结束的地方
联系客服