HTML+CSS学习记录(一)

HTML中的CSS样式
1.在head块级元素中写入style标签备注类型test/css

<style type="text/css"> </style>

2. CSS选择器
   2.1 标签选择器
   直接以标签名开头，在花括号里面输入想要实现效果的代码，例如

a:link{ color: blue }

标签选择器有继承关系，可以利用继承关系来指定要实现功能的HTML标签块

p b{color: yellow;}

2.2 类选择器
在标签元素那里以class = “ ”命名一个类名，然后再css样式块里面以.+你定义的class类名

  <div class="classblue">使用class样式"蓝色"</div>
  .classblue{color: blue;}

一行标签的类选择器可以有多个，可以用来实现不同的功能，用空格隔开

<div class = "classblue classyellow">CSS优先级,蓝色在前，黄色在后 </div>

类选择器同样也有继承关系

div p .classblue{color: red;}

2.3 id选择器
基本上和class相同，但是在使用方式上不同

<div id="idgreen">使用ID样式"绿色"</div>
 #idgreen {color: green;}

一个id选择器在整个HTML代码中只能有一个，具有唯一性，且不能重复使用。
id的继承关系

#test1 p b{color:orange;}

也可以这样

div #test2 b{color: gray;}

2.4 群代选择器
可以指定特定几个选择实现功能 标签名之间用 “，"号隔开

 div,p,b{}

2.5 全局选择器
用通配符 " * "标识的选择器，可以指定全部标签实现功能

*{}

继承的事项
继承只能继承一部分属性，比如有些属性只能在行级元素上使用，或者只能在块级元素上使用
例如

 body{text-align: justify}

这属性是决定标签内容在屏幕上的位置，只针对块级元素。

<p>CSS层叠样式表<span class="sub">sub</span></p>，
<b></b>

这些只针对行级元素