HTML与CSS基础-优快云博客

#HTML引用CSS方法
外部样式：css代码在一个独立的文件中，HTML通过link元素引入到页面

`
<link(放到head标签) rel="stylesheet"（资源的类型是样式表） href="main.css（资源的位置是当前目录下的main.css）">
`

使用外部样式表的特点：

     实现了内容结构和表现形式代码分离，方便复用和维护
     使HTML代码更加纯净，有利于程序员和搜索引擎的阅读
     是开发页面的常见做法
内部样式表：将CSS代码写到HTML文档的style元素（放到head标签里）内容中

使用内部样式表的特点：

     没有了样式表文件，在某些时候可以提升效率
     多个页面难以共享样式，不利于代码复用
     HTML和CSS代码混杂，不利于程序员和搜索引擎阅读
     在某些对效率要求苛刻或测试的场景下使用
行内样式表：CSS代码写在元素的style属性中，行内样式不写选择器

使用行内样式表的特点：

     没有了样式表文件，在某些时候可以提升效率
     多个页面难以共享样式，不利于代码复用
     HTML和CSS代码混杂，不利于程序员和搜索引擎阅读
     javascript操作的是行内样式
     在测试的场景下使用

一个样式表可以应用多个页面。一个页面也可以引用多个样式表
#CSS术语
css注释：/*注释内容*/

css规则：
css代码由一个一个的规则组成
每个规则指定了对那些元素应用什么样式

h1：选择器{color:red;text-align:center;：声明块}:规则

css选择器决定了样式规则使用于那些元素

元素选择器的书写格式：标记名{/*声明块*/}

      所有与该标记名匹配的元素，都将应用声明块中的规则

类选择器的书写格式：.类名{/*声明块*/}

      所有class属性为指定类名的元素，都将应用声明块中的规则，同一个标签取多个类名
      class的值是多个
      类名之间的分隔符为空格
      多个类名是帮助我们代码复用

ID选择器的书写格式：#id值{/*声明块*/}

      属性id为指定值的元素，将应用声明块中的规则
      在同一个HTML文档中元素的id值必须唯一

# CSS重置技术
浏览器会给HTML元素设置默认的样式

但不同的浏览器设置的默认样式可能有差异

为了让页面获得跨浏览器的兼容性需要用一些css代码覆盖浏览器的默认样式

# 语义化概述
HTML中不同的元素代表不同的含义

使用具有含义的元素来书写HTML文档，即语义化

书写HTML文档最重要的即为不同的内容选择合适的元素

语义化作用：

      有利于浏览器理解HTML文档
      有利于搜索引擎理解HTML文档
      未来功能

# 超链接
a元素书写格式：<a href="目标">内容</a>

锚点的格式：

id属性的元素

a中href的值是#加上元素的属性值

`
<a target=“页面打开位置” href="目标">内容</a>
`
target=“页面打开位置表示点击后在那里打开新文档

_blank：新窗口中打开

_self:默认值，当前窗口中打开