almost 2 years ago

* div / span 的不同

div(division)是块级元素block level element,意味着会出现换行;,用于定义文档中的分区或节(division/section),与css合用可对大内容块设置样式属性
(block level element:<h1>,<p>,<ul>,<table>)
(inline element:<b>,<td>,<a>,<img>)

使用方法:<div 属性>....</div>
比如:
<div style=“color:#色号”>
<h3>This is a header</h3>
<p> This is a paragraph>.</p>
<div>
比如:
<div class=“news”>

</div>


span是inline element(中文翻译内联元素反而不形象)从名字含义来看是不换行的,
span翻译是跨度,拃,用来组合文档中的行内元素,与css并用,可为部分文本设置属性
如:
<p><span>some colour text.</span>some other no colour text.</p>
如:
HTML:
<p class="tip"><span>要加颜色效果的提示:</span>... ... ...</p>
CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}

http://www.w3school.com.cn/html/html_blocks.asp

* class 与 id 的不同

属性class,值classname,规定元素的类名(classname)
class应该是可用反复使用的
class=“属性”,属性规定元素的classname类名,属性大多是指向样式表css中的class类,或者js
可用几个class一起用如:
<span class=“left_menu important”>把几个css类class合并到一个html元素
css3选择器.class,例子.intro描述为:选择class=“intro”的所有元素


id是指定某一个元素,
规定元素的唯一 id
#id选择器为带有指定id的元素设置样式,
cssc选择器的定义,#id,例子#firstname,描述为:选择id=“first name”的所有元素



http://www.w3school.com.cn/html/html_attributes.asp

* p 与 br 的不同

<p>元素包含的显示了一个单独段落,在它后面会有空一行
<br>只有换行,没有在空一行,它是空标签,不用对应的</br>

<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

← 日课 orid 20170112 全栈学习周记2 →