css在线手册,css帮助手册
div+css如何布局头部导航条!
1、新建一个html页面。
2、在html页面上新建三个div标签,分别为这三个div添加class为:header、main、footer。
3、创建style标签用于设置css样式。在title标签下创建一个style标签,然后为header类设置div的高、背景颜色样式。
4、为显示主要内容的main类设置样式。在style标签里设置main类样式的边框、宽、高、背景颜色。
5、设置底部footer的样式。在style标签里添加footer类样式的背景颜色和高度。
6、保存好html文件后使用浏览器查看效果。
7、在浏览器上看到div标签和浏览器存在一些空白的像素,为了去掉这些空白的像素我们需要把body标签设置外边框。
css div 隐藏网站内容
div+css隐藏内容方法
一般情况下,css隐藏的用途
1、对文本的隐藏
2、隐藏超链接(另类黑链)
3、对统计代码隐藏
4、隐藏超出图片
5、css隐藏滚动条
6、css来隐藏div层
使用css隐藏方法
1、使用display:none;来隐藏所有信息(无空白位占据)推荐,CSS?display手册查看
2、使用overflow:hidden;来隐藏溢出的文字或图片?适用推荐,css?overflow手册查看
3、使用overflow-y:hidden;和overflow-x:hidden控制滚动条的隐藏与否,css?overflow-y手册查看,css手册查看overflow-x
常见div?css隐藏案例
1、对display:none;文本图片的隐藏如
div?style="display:none;"你是看不见我的/div
使用div?中css样式display:none;将使得div内的内容隐藏通过浏览器什么也看不见,并且隐藏的内容也不会占用空间。通过此方法可以隐藏超链接文本(黑链)和图片等内容同时也会隐藏div层样式。推荐使用隐藏内容。
2、overflow:?hidden?隐藏内容或图片
实例如:
我是可以看见的br/br/
div?style="overflow:?hidden;?width:30px;?height:20px;"你是看不见我的。/div
br/
同样我也是可以看见的
使用css样式通过对“你是看不见我的”div?css层设置固定的高和宽,然后通过overflow:?hidden样式即可使得超出固定的高宽内容隐藏同时也不占用被隐藏地方位置。
3、使用overflow-y:hidden;和overflow-x:hidden来隐藏或显示对应横或竖方向的滚动条。此案例可以进入css手册的overflow-y和css在线手册的overflow-x有详细的讲解对滚动条的设置隐藏或显示方法。
求CSS代码详细解释
.css
{
font-size: 9pt;/*字体大小:9号字*/
color: #000099;/*字体颜色*/
}
.txt
{
font-size: 12px;
}
/*+++超链接样式++++*/
a:link
{
color: #0000FF;
text-decoration: none;/*无下划线*/
}/*设置a对象在未被访问前的样式表属性*/
a:visited {
color: #0000FF;
text-decoration: none;;/*无下划线*/
}/*设置a对象在其链接地址已被访问过时的样式表属性*/
a:hover {
text-decoration: underline;;/*有下划线*/
color: #336633;
}/*设置对象在其鼠标移上去的样式表属性*/
a:active {
text-decoration: none;;/*无下划线*/
color: #000000;
}/*设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性*/
.title
{
font-size: 12pt;
color: #000099;
}
.align
{
text-align: left;/*字体对齐:左对齐*/
}
TextBox
{
height: 20px;
}
这是在线css手册,可以好好学习一下。
DW中用ul li做的导航,如何在两个栏目中添加分割线
HomePage
分割图片放到栏目中间
Div+CSS教程
再看看别人怎么说的。
怎么设置ul ,li标签元素横排且居中啊?
li标签元素横排,关键是float属性,比如下例,li往左浮动,不清除浮动即可。居中显示,把ul,li用一个盒子nav装起来,并设置 “text-align: center;”属性即可,即内容居中。具体如下例所示 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " "
html xmlns=" "
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
style type="text/css"
#nav {
height: 30px;
width: 100%;
background-color: #c00;
text-align: center;
}
#nav ul {
margin: 0 0 0 30px;
padding: 0px;
font-size: 12px;
color: #FFF;
line-height: 30px;
white-space: nowrap;
}
#nav li {
list-style-type: none;
display: inline;
}
#nav li a {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
padding: 7px 10px;
color: #FFF;
}
#nav li a:hover {
color: #ff0;
background-color: #f00;
}
/style
/headbody
div id="nav"
ul
lia href=" "HomePage/li/A
lia href=" "Div+CSS教程/a/li
lia href=" "CSS布局实例/a/li
lia href=" "CSS2.0教程 /a/li
lia href=" "CSS在线手册/a/li
lia href=" "Web标准/a/li
lia href=" "XHTML教程/a/li
/ul
/div/body
/html