[置顶]学习笔记：HTML+CSS 基础知识

1.<q>标签，短文本引用

     

<q>引用文本</q>

<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。

 

2.使用<span>标签为文字设置单独样式

 

<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。

语法：<span>文本</span>

 

3.<address>标签，为网页加入地址信息

 

<address>联系地址信息</address>

不但斜体，且另起一段

 

4.<code>标签 ，加入一行代码

 

<code>代码语言</code> 、<code>{background-image:linear-gradient(left, red 100px, yellow 200px);}</code>

作用是 防止浏览器误认为是要执行代码，而没显示代码。加了标签浏览器就不会执行了，而是像文本一样显示出来

 

5.<pre>标签，加入一段代码（ <code>标签是一行 ）

 

<pre>语言代码段</pre>   定义预格式化的文本   

 

6.<ol>和<ul>

 

ol = ordered list 有序列表

ul = unordered list 无序列表

<ol>
  <li>我的第一个列表信息。</li>
  <li>我的第一个列表信息。</li>

</ol>

 

7.在新建浏览器窗口中打开链接

 

<a href="目标网址" target="_blank">click here!</a>  注意：target之前一定要加空格

_blank -- 在新窗口中打开链接

_parent -- 在父窗体中打开链接

_self -- 在当前窗体打开链接,此为默认值

_top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)

一个对应的框架页的名称 -- 在对应框架页中打开

 

8.使用mailto在网页中链接Email地址

 

<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解，请看详细图示：

 

注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

 

下面是一个完整的实例:

在浏览器中显示的结果：  发送 

 

点击链接会打开电子邮件应用，并自动填写收件人等设置好的信息

 

9.使用表单标签，与用户交互

 

<form    method="post"  action="save.php">
        <label for="username">用户名:</label>
        <input type="text" name="username" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" />

</form>

 

<form  method="传送方式"  action="服务器文件">

 

所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在 <form></form> 标签之间（否则用户输入的信息可提交不到服务器上哦！）。

 

10.CSS表示的三种方法的 优先级 （权值）　　

 

内联式 > 嵌入式 > 外部式  （ 前提：内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下）

就近原则（离被设置元素越近优先级别越高）

 

11.类和ID选择器的区别