HTML
网站开发的主要原则是:
– 用标签元素HTML描述网页的内容结构;
– 用CSS描述网页的排版布局;
– 用JavaScript描述网页的事件处理,即鼠标或键盘在网页元素上的动作后的程序
HTML(Hyper Text Mark-up Language 超文本标记语言)的缩写,是最基础的网页语言 。
Html是通过标签来定义的语言,代码都是由标签所组成 。Html代码不用区分大小写 。
Html代码由<html>开始</html>结束
链接在网页制作中是一个必不可少的部分,在浏览网页时,单击一张图片或者一段文字就可以弹出一个新的网页,这些功能都是通过超链接来实现的
1. CSS 的引入方式
(1)内联样式表
(2)内部样式表
写在<head></head>内部
外部样式表
(3)单独写在一个文件中,通过 link 进行引入
rel:当前引入文件和文件本身的关系
type:当前引入文件的编码格式
href:用于书写引入外部样式所处位置
2. CSS 选择器
当我们使用内联样式的时候,CSS 样式可以明确的修改我们想要修改样式的标签。如果我们把 CSS 样式写在内部或者外部的时候,就需要通过 CSS 选择器来选出我们想要修改样式的标签。
CSS 选择器分为三种
- 标签名选择器div{width:100px;...}
会直接选择某一类标签,会针对这一类标签全部生效。
优先级:1 - 类选择器.div{width:100px;...}
使用类选择器时,需要我们给标签写上类名,如<div class="div"></div>。类选择器会针对某一类具有相同类名的标签,同名 class 可以存在多个。
优先级:10 - ID 选择器#div{width:100px;...}
使用 ID 选择器时,需要我们给标签写上 ID 名,如<div id="div"></div>。ID 选择器就会针对这一个 ID 名的标签,同名 ID 只能存在一个。
优先级为:100
3. 引入方式的优先级
内联>内部 和 外部;
内部 和 外部 谁生效
如果选择器优先级相同的话,谁后引入谁生效。
如果选择器优先级不同,选择器优先级高的生效。