在html中列表元素分那两种
应该分 有序列表、无序列表和定义列表:
1、有序
<ol>
<li>开始部分</li>
<li>次要部分</li>
<li>结尾部分</li>
</ol>
2、无序
<ul>
<li>关于主题</li>
<li>关于形式</li>
<li>关于内容</li>
</ul>
3、定义列表
<dl>
<dt>CSS</dt>
<dd>CSS概念</dd>
<dd>CSS应用</dd>
<dd>CSS hacks</dd>
</dl>
dw怎么用css设置列表
如果你的网页文件(index.html)要调用某个CSS文件(style.css),那么你在你的网页文件(index.html)中的<head>....</head>中插入如下代码即可!
<head>
...
<link href="css/style.css" rel="stylesheet" type="text/css" />
...
</head>
HTML中CSS外部样式表
1、首先我们我们新建一个记事本,并将记事本的名字改为“引入外部css文件和外部js文件.html”,并回车键确定,以使文件转化为浏览器可以打开的html网页文件。
2、我们编写一个html5的声明标签— <!DOCTYPE html>, 以使浏览器能认识到我们的文档是一个html5的文件,这样就可以快速的正确解读,以提高浏览的体验。
3、我们写一个<title>的标签,将网页的题目写入进去,让网页的标题显示为“引入外部css文件和外部js文件”。
4、我们用<meta>标签设置字符的编码格式为:UTF-8,以使浏览器能够正确的显示我们的网页。
5、我们写一个<body>标签,用来包含网页的主体部分。
6、我们写几个标签以便在外部css文件样式表中,为其设置样式。
7、我们新建一个css文件,把txt的文件后缀名改为css即可,之后打开就可以写入css代码了。
8、我们用标签选择器为<p>标签、<div>标签和<span>标签的内容设置样式。
9、我们使用,<link>标签将我们编写的css文件样式表文件其引入到我们当前的html文件中来。
10、我们鼠标右击在弹出的下拉菜单中,我们选择“在浏览器中打开”这一项。
11、我们看到我们编写的样式被应用到了标签中文字上,说明我们的css外部样式表文件引入成功。
html 导航条下拉列表怎么做
必许要用css样式
1、首先先用一个列表样式包裹子导航
- 培训课程
1. 课程一
2. 课程二
3. 课程三
4. 课程四
5. 课程五
6. 课程六
2、利用css样式隐藏除主导航外的其他子导航
.nav li ol{ list-style:none; width:73px; height:0px; overflow:hidden; position:absolute; background:#55c230 }
3、再利用css样式设置鼠标悬停样式即可
.nav li:hover ol{ height:180px;transition: height 1s;
}