文档声明和HTML样式表

文档声明

 不是注释也不是元素,总是在HTML的第一行

 书写格式:<!DOCTYPE HTML> 是用于通知浏览器目前文档正使用哪一个HTML版本(相关属性 lang)

 若不写文档声明,浏览器渲染页面时会进入怪异模式

 HTML元素又叫根元素或根标记,是所有元素的祖先元素

 例:<html lang="en"></html>表示该文档中的文字用英语

 <html lang="zh-cmn-hans"></html>表示该文档中的文字用简体中文

 head元素又叫文档头,他是HTML的第一个子元素

  head元素通常包含以下元素<title>\<meta|>\<style>\<link>

 <meta charset="UTF-8">指示浏览器使用字符编码集UTF-8解析页面(meta是一个空元素)

 body元素又叫文档体,网页上所有可见内容都放置在该元素中

 快速添加内容的快捷方式:lorem+N+tab或p>loremN+tab

导入外部样式表

 例:<link rel="stylesheet" href="./main.css">

  外部样式表是写在head元素范围中的

 link空元素表示引用外部资源 stylesheet表示导入的文件类型 href表示添加路径 main.css表示css相对于HTML的路径

 路径中的./表示同级的文件,../表示要返回上级

 特点:实现结构与样式分离,方便维护

导入内部样式表

 例:<style type="text/css"> <p>.......</p></style>

  内部样式表也是写head元素范围中的

导入行内样式表

 例:<p style="color:red;">............</p>

  行内样式表是写在body元素范围内的

转载于:https://www.cnblogs.com/xinghuoliaoyuan/p/8052533.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值