Css中标签的正确应用之一

《Css中标签的正确应用之一》

开发工具与关键技术:DW
撰写时间：2019年01月18日

在前端开发从，我们与各种标签相遇，有时候会搞乱标签的正确用法；有时候同一系列标签在CSS的代码调整实现同一效果，但会带来不便。哪怎么样正确写CSS中的标签呢？
一、引入系列
1、<link
<link标签是在源代码中引入外部的CSS样素从而实现页面布局：
第一步：在DW中按ctrl+n键，创建css文件,并选择Css文件的路径；
第二步：在源代码中应用标签引入外部的CSS文件，引入方法如(图1):

图1

第三步：在导航中看到如（图2）箭头（cesu.css）有您第一步创建css文件名称，说明（应用外部的CSS成功），这时可以写CSS代码即可。

图2
2、<script
<script是引入javascript文件的标签：
第一步：如同标签一样要有javascript才能引入；在DW中按ctrl+n键，创建javascript文件,并按ctrl+s键选择javascript文件的路径（图3）；

图3
第二步：在源代码中应用<script标签引入外部的javascript文件，引入方法如(图4):

图4
第三步：如同<link标签一样，在导航中看到如（图2）（mycom）有您第一步创建jvavsrcipt文件名称，说明（应用外部的jvavsrcipt成功），这时写可以jvavsrcipt代码即可。
不知道大家有没有发现<link和<script的功能引入有差不多的，其实和<script区别是：一个是引入CSS，一个是引入javasrcipt。
3、
其实标签不仅是引入，它还可以应用来页面跳转。
标签它有自带下划线的属性和以链接的形式存在。
实现跳转的代码和消除自带的属性代码（图5）：

图5
当你点击<a标签时它将会实现页面跳转。
4、<img
<img是一种图片引入标签，引入你需要用来布局的图片。
<img标签应用代码（图6）：

图6
引入图片就可以进行页面样素的调整了。
引入标签中，无论引入什么都好，它的路径十分之重要，一定要确保路径的正确！
二、文本系列
文本标签是应用在页面中的文字表达方式，它主要用来网页文字样素的布局。
1、<p
<p标签是一种表达段落。
例如在DW中（图7）：

图7
例如在页面中（图8）：

图8
<p是应用中页面段落文字封装一样标签。
2、<span
<span本身不表示内容，但与全局属性一起应用时它的用处很大，他这是身为全局属性的子元素。

图9
<span中它与全局属性class一起应用见（图9），它封装了文字，在网页中显示出来的也文字。注意因为它本身不表示内容，我们需要给它设置属性如（width, height, display）。
3、系列
<h系列有从<h1到<h7标签它们都表示在部分标题。它们的粗细效果不一如（代码图10，在页面中图11）。

图10

图11
系列标签结合其它文本标签使用，它一般当标题。
4、<ul与<li
<ul与<li的关系：它们都表示元素项目列表，它们是父子关系。
<li封装在<ul之中，它们展示在页面中是一排一排的，<ul如同项目列表标题<li为项目列表子内容；<li标签前面自带小圆点属性。
布局代码（图12）：

图12
消除它们自带属性的代码（图13）：

图13
<ul<li一般应用以表达上下关系时。
文本标签是为了文字在网页中的美设定的。