第三期:列表和样式
在这节课中,我们将接触到一种新的语言:CSS。
CSS是指层叠样式表(C称为S泰勒S样式表)。Css定义了HTML元素的显示方式。
简单来说,如果你要表演木偶戏。然后html是舞台,css是木偶的样子和动作,js是剧本。
接下来,让我们介绍将在本课中使用的标签/属性:
在div文档中定义分区或节,可以将文档分成独立的不同部分。span用于组合文档中的行内元素。
pan=”1″ width=”75.33333333333333″ style=”word-break: break-all;”>
<style>
style
class属性
我们可以通过css的类选择器来给html元素定义样式。需要在标签内定义它的“class”属性。
注意:属性定义是不分顺序先后的,一个标签可以定义多个属性
在<head>标签内,我们可以使用标签<style>来插入css代码。
css规则由两个主要的部分构成:选择器,以及一条或多条声明。
style属性
另外,我们可以通过style属性直接在标签内定义样式
这和之前那段代码起到的效果是一样的。
<div>/<span>
通过这两个标签,可以把网页分割为独立的、不同的部分。
<div>是块级元素,会占满一行。<span>不会,可以用来组合文档中的行内元素。
用<div>配合 css/js 可以做出许多有趣或实用的效果,在今后的课程中我们会学到。
作者:
Алексей
四五帮帮主,四五dark♂帝国元首(划掉)
喜欢HTML/CSS/JS
07年出生,福建福州人,未来的程序员
素描八级,但是还是要请美工
本来想做小程序,结果开了个公众号天天在那边写稿
wawjf
(我爱微积分)
与楼上同班同学,都是很hj的人(是的