HTML和CSS的複習總結
阿新 • • 發佈:2019-02-10
HTML(Hypertext Markup Language)超文字標記語言;其核心就是各種標記!
<html>HTML頁面中的所有內容,都在該標籤之內;它主要含<head>和<body>兩部分。
<head>頭部;它通常包含擡頭<title>,基本資訊<meta>(內容型別content,字符集charset)等。
<body>主體;它通常包含標題<hn>,排版<br><hr>,文字<font>,段落<p>,預定格式<pre>,註釋<!--
<hn>Head Number;;<br>=Break;<hr>=Horizontal line;<p>=Paragraph;<pre>=Predetermine;
<li>列表(List);<ol>有序列表(Ordered List);<ul>無序列表(Unordered List);
<dl>自定義列表(Definition List),<dt>自定義條目(Term);<dd>自定義描述(Description);
<img>圖片(Image)或視訊;<bgsound
<a href>錨的超連結地址(Anchor Hyperlink Reference);
<table>表格,<th>表格標題(Head),<tr>表格行(Row),<td>表格內容(Description);
<form>表單,<input>單行輸入區,<textarea>多行輸入區,<select>選項選單,<option>選項;
<frameset>框架集合,<frame>框架,<noframe>不支援框架時的顯示內容。
CSS(Cascading Style Sheets)級聯樣式表;其核心就是各種樣式的定義與使用!
CSS的定義方式:
1、通過HTML標籤定義,如:h1{color:blue; text-align:center};
2、使用id定義,如:#sample{font-size:60pt; font-family:宋體},<p id=sample>文字</p>;
3、使用class定義,如:.text{color:red},<p class="text">文字</p>;
CSS在HTML使用的方法:
1、嵌入式,如:<p style="color:red; font-size:10pt">嵌入式樣式表</p>;
2、內聯式,如:在<head>中新增<style>標籤,然後在<body>中使用它;
3、外聯式,如:有單獨的*.css檔案,在<head>中引入,在主體中使用。
CSS的優先順序:嵌入式>內聯式>外聯式。
CSS的屬性:字型,顏色,背景,文字,分級,滑鼠等。