摘要:
# 1.什么是html5 # 1. `HTML5` 的概念与定义 - 定义:`HTML5` 定义了 `HTML` 标准的最新版本,是对 `HTML` 的第五次重大修改,号称下一代的 `HTML` - 两个概念: - 是一个新版本的 `HTML` 语言,定义了新的标签、特性和属性 - 拥有一个强大的技 阅读全文
摘要:
Pack for VS Code 中文(简体)语言包 Open in Browser 右击选择浏览器打开html文件 JS-CSS-HTML Formatter 每次保存,都会自动格式化js css 和html 代码 Auto Rename Tag 自动重命名配对的HTML / XML标签 css- 阅读全文
摘要:
# 1.元素的显示与隐藏 # ## 1.1 display显示 ## - display 设置或检索对象是否及如何显示。 display: none 隐藏对象 display:block 除了转换为块级元素之外,同时还有显示元素的意思。 - 特点: 隐藏之后,不再保留位置。 实际开发场景: > 配合 阅读全文
摘要:
# 1.css布局的三种机制 # > 网页布局的核心 用来摆放盒子的位置 三种方法 1)普通流(标准流) 2)浮动 - 让盒子从普通流中浮起来,水平排列 3)定位 - 将盒子定在某一个位置、自由漂浮在其他盒子上(包括标准流和浮动) - 所以我们脑海应该有三种布局机制的上下顺序 - 标准流最底层 浮动 阅读全文
摘要:
# 1.浮动 # ## 1.1 css布局三种机制 ## > 网页布局的核心——就是**用 CSS 来摆放盒子**。 CSS 提供了 **3 种机制**来设置盒子的摆放位置,分别是**普通流**(标准流)、**浮动**和**定位**,其中: 1. **普通流**(标准流) - **块级元素**会独占 阅读全文
摘要:
# 1.看透网页布局的本质 # - 首先利用css设置好盒子的大小,摆放好盒子的位置 - 最后把网页元素比如文字图片,放入盒子里面 - 这两步就是网页布局本质 ## 2.盒子模型 ## - 所谓盒子模型 - 就是HTML页面中的布局元素看做是一个矩形的盒子,盛装内容的容器 * 盒子模型有元素的内容、 阅读全文
摘要:
# 1.css复合选择器 # 为了更精准精细的目标元素标签 ## 1.1 css后代选择器 ## 用来选择元素或元素组的子孙后代 将外层标签写在前面 中间空格分隔 先写爷爷 父亲 儿子 .cc ul p{ color: green; } 当标签发生嵌套,内层标签成为外层标签的后代 ## 1.2 子代 阅读全文
摘要:
# 1.css font字体样式 # ## 1.1 font-size:大小 ##、 body { font-size: 16px; } 注意 * 我们文字大小以后,基本就用px了,其他单位很少使用 * 谷歌浏览器默认的文字大小为16px * 但是不同浏览器可能默认显示的字号大小不一致,我们尽量给一 阅读全文
摘要:
# 1.css选择器作用 # 找到特点的HTML元素 css分为两件事 选对标签 做对事 选择器分为基础选择器 和 复合选择器 # 2.css基础选择器 ## ## 2.1标签选择器 ## - 概念 - 标签选择器(元素选择器)是指用**HTML标签名**称作为选择器,按标签名称分类,为页面中某一类 阅读全文
摘要:
# 1.html的局限性 # 只关注内容语义 - html满足不了设计者需求 - 操作html属性不方便 - HTML里面添加样式很臃肿 # 2.css网页美容师 # html专注去做结构呈现,样式交给css # 3.css初识 # 概念:css,通常称为css样式表或层叠样式表 作用:主要用于设置 阅读全文