html+css基础教程笔记

• 在html中，< >的特殊字符是不能直接使用的，需要使用实体（转义字符串）

a<b>c        =====>   a &lt; b &gt; c

<  &lt;

>  &gt;

空格  &nbsp;

版权符号  &copy;

其他的实体符号：https://www.w3school.com.cn/html/html_entities.asp

• <img  src="图片路径"  alt = "这是一杯水">

alt：可以用来设置在图片不能显示时，对图片的描述

       搜索引擎可以通过alt属性来是恶不同的图片，如果不写alt，则搜索引擎不会对img中的图片进行收录

• 图片格式的使用介绍：

JPEG（JPG）：

介绍-JPEG图片支持的颜色比较多，图片可以压缩，但是不支持透明

用途-一般使用JPEG图片来保存照片等颜色丰富的图片

GIF

介绍-GIF支持的颜色少，只支持简单的透明，支持动态图

用途-图片颜色单一或者是动态图是可以使用

PNG

介绍-PNG支持的颜色多，并且支持复杂的透明

用途-可以用来显示颜色复杂的透明的图片

图片的使用原则： 效果不一致，使用效果好的；效果一致，使用小的

• <meta> 的使用   网址https://www.w3school.com.cn/tags/tag_meta.asp

<meta name="keywords"  content ="关键字（可以有多个）" />主要用于搜索引擎的搜索

<meta  http-equiv="refresh" content="5；url=http://www.baidu.com" />  5秒后自动刷新页面跳转到url对应界面

• 本页面跳转及联系我们：

<a id = "top" href="#bottom">跳转到本界面底部</a>

<a id = "bottom" href="#top">跳转到本界面顶部</a>

联系我们：<a href="mailto:abc@guigu.com">联系我们的邮箱写法，自动标注邮箱发件人为abc@guigu,com</a>

• 选择器：

复合选择器（交集选择器）

-作用：可以选择中间时满足多个选择器的元素

-语法：选择器1选择器2选择器3.。。。中间挨着

通配选择器

-作用：可以用来选择页面中所有的元素

选择器分组（并集选择器）

-作用：通过选择器分组可以同时选中多个选择器对应的元素

-语法：选择器1,选择器2,选择器3,,,,中间以逗号相隔

id选择器

-作用：通过元素的id属性选中唯一的一个元素

-语法：#id属性值

类选择器

-作用：通过元素的class属性值选中一组元素

-语法：.class属性值

元素选择器

-作用：选中所有该元素

-语法：例：p{}