打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
div.css规范

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#65a9e6 背景定义

Border-width:边框粗细

Overflowhidden  溢出隐藏

BackgroundURLimagines/dfsf.jpgno-repeat right top;  背景定义

Background#fff URLimagines/dfsf.jpgrepeat-x  right top;  背景定义(沿x方向重复)

Background#65a9e6 定义背景色

Margin0 auto 0 auto外边距定义

Padding0 20px  内边距定义 (上下0  左右20px)

Color#000颜色定义

Height:高度定义

Floatleft 向左浮动

Margin-bottom18px 下外边距定义

Displaynone  隐藏元素

Displayblock定义为块元素

White-spacenowrap 强制不换行

Textalign: 水平居中对齐

Font-size 文字大小

Line-height40px 行距定义

Text-decoration:none 去除文本装饰  underline 文本下划线

Textindent0em文本缩进

List-style-type:none去除列表项预设标记

Border-top:1px solid #06f 定义上边框为1px的实线,颜色为#06f

Clear:both 清除浮动

Border1px 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-size12px;

Coor;#000;

}

8、  隐藏链接文本

#header #logo

{

Floatleft

Margintop15px

Background: url(jst.jpg) no-repeat 0 0

}

#header #logo a

{

Display:block;   定义为块元素

Width:138px;

Height:45px;

Text-indent:150px;    文本缩进

White-spacenowrap;强制不换行

Overflowhidden   溢出隐藏

}

9、颜色

 

   #e3e3e3浅灰色

10、默认纵向排列的无序列表ul的列表项li定义成横向排行

CSS代码

#header ul li{

Floatleft

Margin7px 1px 0 0;

}

   #header ul li#menu_7{

     Margin:0;

}

 

11a: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层结束的地方

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
【精美音画边框】图意梦桐疏影编辑合成今日延安(附代码)
CSS中盒模型、浮动以及清除浮动的方法
(办公)html5与css3的相关知识
【Python之路】第十一篇
一篇文章带你了解CSS clear both清除浮动
第4章3_CSS盒子模型
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服