HTML+CSS学习笔记

目录

一、emmet语法

二、常用html标签

使用方法:

三、常用CSS样式

css样式设计具体引入方式

1.关于border边框的设计

2.关于text文本内容的管理

3.关于盒模型的分类以及position属性:

4.background属性的使用

5.实现样式转变


持续更新……

首先,整体了解有关HTML和CSS的使用,主要是为了搭建静态页面

HTML+CSS学习笔记_第1张图片

有关HTML5所需要掌握的框架:

React+React native

uni-app

列入后续慢慢的学习计划

一、emmet语法

Emmet 是一种快速编写 HTML 和 CSS 代码的工具,通过简洁的缩写语法来提高开发效率,都是输入对应内容后按下Tab键快速生成

①使用 ! 或 html:5 +Tab键快速生成一个基本的 HTML5 文档结构。

②直接输入元素名称即可生成对应的 HTML 标签。

③使用“ >” 符号表示嵌套关系

ul>li


④使用 + 符号表示兄弟元素

div+p




⑤使用 * 符号生成多个相同元素。

ul>li*3
​




⑥使用 . 表示类名,# 表示 ID。 

div.container
div#header
​




⑦使用 [] 添加属性。

a[href="#"]




⑧使用 {} 添加文本内容。

p{Hello World}


Hello World

⑨使用 $ 符号进行自动编号。

ul>li.item$*3
​



⑩使用c符号快速生成注释

还有好多……常用的就这么点

二、常用html标签


1级标签

2级标签

3级标签

4级标签

5级标签
  • 列表1
  • 列表2
  1. 列表1
  2. 列表2
  3. 列表3
  4. 列表4
  5. 列表5
:通用的块级容器,常用于布局。

:段落。