1_html基本结构以及样式表
2018-06-24 01:10:49来源：未知 阅读 ()
首先，html的基本结构：
<html> 让系统编译时知道是HTML的语言，
<head>
<title>网页的标题</title>
</head>
<body>
主体：可以显示网页内容的
</body>
</html> HTML语言结束
其次，给html添加样式可分为四种：
第一种：
行间样式表
<div id="round" style="width:400px; height:300px;"> <p>我是测试文字</p> </div>
优点：
优先级最高、不会和其他样式冲突
缺点：
不利于维护、完全没有通用性、代码可读性差
第二种：
内部样式表（写在头部<style>标签里）
<style>
#b1 {
width: 200px;
height: 200px;
border: 2px solid red;
}
</style>
优点：
1.单个页面中，不会有多余代码
2.减少外部请求
3.在单个页面中可以做到通用
缺点：
1.没有办法在整个项目中复用
2.后期整个项目风格变换，修改起来不便
第三种：
外部样式表（使用link ，将外部单独的CSS文件引入html）
<link rel="stylesheet" href="css/index.css" />
优点：
1.便于整个项目的修改和维护
2.多个页面之间可以进行复用
缺点：
1.规划不好，容易代码冲突
2.在单个页面中会有多余代码
3.会增加外部请求
第四种：
Import （在样式表中，引入新的样式表）：
不建议使用，性能较差，不能并发加载
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：SVG 基础知识 回顾
- DIV居中的经典方法 2020-06-13
- Html/css 列表项 区分列表首尾 2020-06-11
- HTML骨架 2020-06-10
- HTML基础教程_1 2020-06-09
- HTML基础02 2020-06-09
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
