回顾1

1 HTML和CSS的关系

HTML

  • HTML标签(元素) 分为单标签和双标签

  • HTML元素的属性 <img src="">

CSS

  • 选择器 选择到要修饰的元素

  • 各种数量庞大的 CSS属性 font-size:12px

2 锚点

如何设置锚点

  • 第一种 <a name="锚点名"></a> 只有a配合 name 才是锚点

  • 第二种 任意一个元素指定id, id值都可以当做锚点名 <p id="锚点名"></p>

跳转到锚点

  • 使用超链接 <a href="#锚点名"></a> 内部跳转

  • 跳转到其他页面指定的位置 <a href="http://www.baidu.com/index.html#锚点名"></a>

  • <a href="#"></a> 跳转到空锚点, 页面顶部

3. 图片映射

<img usrmap="#">
<map id="" name="">
<area shape="rect|circle|poly" coords="" href="" title="" target="">
</map>

4. CSS选择器总结

  • tagName 选择器 div {}

  • className 选择器 .item {}

  • ID选择器 #item {}

  • 通用选择器 * {}

  • 组合-- 后代选择器 .list li {}

  • 组合--子元素选择器 .list>li {}

  • 交集组合 li.item{} .item.current

  • 群组 把多个选择器写在一起 h1,.item,.list li,div {}

5. CSS选择器优先级

  • 数数 ID 在数 class 在数 标签名

  • ID > class > tagName

  •  

原文地址:https://www.cnblogs.com/xujinjin18/p/9443442.html