关于HTML+css 的一些学习笔记

HTML+css


1、文章标题用<hx>标签，h1-h6 


2、在一段话中强调某几个文字，可以用<strong>和<em>


3、span 标签没有语义，只是为了设置单独的样式。


4、<q>标签，短文本引用 ，浏览器会自动加双引号


5、<blockquote>  长文本引用


6、<hr>添加水平横线


7、<address>网页加入地址信息，浏览器会自动加斜体


8、<ul> li 无序列表


9、ol li 有序列表，自带序号

10、表格四元素：table,tbody,tr,th,td  注意：tbody的作用，当表格内容很多的时候，表格会下载一点显示一点，加了tbody以后，就要等表格全部下载完成以后再显示

11、发送邮件 mailto 

12、form表单中的label标签

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。

注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同

 <label for="male">男</label>
  <input type="radio" name="gender" id="male" />

13、页面引入css 的三种方法

内联、嵌入 、外部

14、css 选择器

 a、类选择器

b、ID选择器

c、子类选择器     .abc > .bcd   第一代子元素

d、分组选择器  .abc,.dec 用都逗号隔开

15、css 标签的权值：   标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。

16、文字排版的删除线;:{text-decoration:line-through;}

17、文字间距

中文文字间距或者英文字母间距： letter-spacing      英文单词间距  word-spacing  

18、html标签元素大致分为三类：块状元素、行内元素、行内块级元素

常用的块状元素有：

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

常用的内联元素有：

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常用的内联块状元素有：

<img>、<input>

19、css 设置长度值，有三类：px,，em,百分比

em 是相对单位 ，相对于font-size  当前的字体等于1em