HTML和CSS的复习总结

时间:2024-03-29 08:36:26

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>背景(backgroud)声音;
<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的属性:字体,颜色,背景,文本,分级,鼠标等。

HTML和CSS的复习总结