面向05的HTML教程——第3期

第三期:列表和样式

在这节课中,我们将接触到一种新的语言:CSS。

CSS是指层叠样式表(C称为S泰勒S样式表)。Css定义了HTML元素的显示方式。

简单来说,如果你要表演木偶戏。然后html是舞台,css是木偶的样子和动作,js是剧本。

接下来,让我们介绍将在本课中使用的标签/属性:

在div文档中定义分区或节,可以将文档分成独立的不同部分。span用于组合文档中的行内元素。

pan=”1″ width=”75.33333333333333″ style=”word-break: break-all;”>

<style>

style

为文档定义样式信息,如背景颜色,字体,等等,可单独放置在<head>中使用,也可以使用在标签内 class 属性,不是标签。可以用于多个标签内,内容不会显示在文档,但可以方便CSS/JS进行定位

class属性

我们可以通过css的类选择器来给html元素定义样式。需要在标签内定义它的“class”属性。

注意:属性定义是不分顺序先后的,一个标签可以定义多个属性

在<head>标签内,我们可以使用标签<style>来插入css代码。

css规则由两个主要的部分构成:选择器,以及一条或多条声明。

style属性

另外,我们可以通过style属性直接在标签内定义样式

这和之前那段代码起到的效果是一样的。


<div>/<span>

通过这两个标签,可以把网页分割为独立的、不同的部分。

<div>是块级元素,会占满一行。<span>不会,可以用来组合文档中的行内元素。

用<div>配合 css/js 可以做出许多有趣或实用的效果,在今后的课程中我们会学到。


作者:

    

Алексей

       四五帮帮主,四五dark♂帝国元首(划掉)

喜欢HTML/CSS/JS

07年出生,福建福州人,未来的程序员

素描八级,但是还是要请美工

本来想做小程序,结果开了个公众号天天在那边写稿

wawjf

(我爱微积分)

与楼上同班同学,都是很hj的人(是的


动态分享

面向05的HTML教程——第11期

2022-6-6 20:06:24

动态分享

片头特效制作软件,片头特效制作分析

2022-6-6 20:35:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索