HTML和CSS如何记忆

目录

HTML：

块级元素口诀：

1、列表标签(ol、ul、li)

2、表格标签(table)

3、六大标题(h1~h6)

4、表单(form)

5、段落(p)

6、水平线(hr)

7、模块(div)

CSS：

引入方式：

        内联样式

        内部样式：

元素选择器

id选择器

class选择器

全局选择器

合并选择器

        外部样式

属性：

字体属性：

文本属性：

背景属性：

表格属性：

盒子模型：

弹性盒子模型：

浮动（float）：

清除浮动：

定位（position）：

---

HTML：

HTML通过块级元素和行内元素的分类，来对HTML更加好的记忆

块级元素口诀：

        三大列表和表格

        六大标题和表单

        段落水平分模块

1、列表标签(ol、ul、li)

2、表格标签(table)

3、六大标题(h1~h6)

4、表单(form)

5、段落(p)

6、水平线(hr)

7、模块(div)

CSS：

引入方式：

        内联样式

        内部样式：

元素选择器

id选择器

class选择器

全局选择器

合并选择器

        外部样式

属性：

字体属性：

        font-size（字体大小）

        font-weight（字体粗细）

        font-style（字体样式）

        font-family（字体选择）

        color（颜色）

文本属性：

        text-align（文本对齐）

        text-decoration（文本装饰）

        text-transform（文本转换）

        text-indent（文本缩进）

背景属性：

        background-color

表格属性：

        border（边框）

        border-collapse（边框折叠）

盒子模型：

        content内容

        padding内边距

        border边框

        margin外边距

弹性盒子模型：

        display属性

        flex-direction属性

        justify-content属性（设置盒子垂直对齐）

        align-items属性（设置盒子水平对齐）

浮动（float）：

清除浮动：

定位（position）：

        相对定位

        绝对定位

        固定定位