DIV+CSS网站布局教程(一)

原创 sunming812161 随笔 个人 206阅读 2017-12-19 14:47:02 举报

主要内容:

HTML常用标签

CSS知识:
语法、派生选择器、 id 选择器、类选择器

CSS常用属性

CSS Hack

HTML常用标签:

<div> 可定义文档中的分区,把文档分割为独立的、不同的部分

<span> 用来组合文档中的行内元素,以便通过样式来格式化它们

<ul> 定义无序列表
<li></li>
...
</ul>

<a> 定义超链接

<img> 定义一副图像

<p> 定义段落

<br / > 可插入一个简单的换行符

<h1> - <h6> 定义标题

<table> 表格
<tr>
<td></td>
</tr>
...
</table>

<label> 为 input 元素定义标注

<font> 规定文本的字体、字体尺寸、字体颜色

如何将样式表加入到网页:

链接外部样式表:
<link href="css/style.css" rel="stylesheet" type="text/css" />

内嵌式 :
在HTML的<head>和</head>标记之间插入一个<style type="text/css">...</style>对象

导入样式:
@import url(css/style.css);

内联样式:
是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下:
<p style=“color: #000; line-height: 20px”>…</p>

优先级: 内联样式优先级最高,其次是内嵌式,再次是链接样式,最后是导入样式

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复