萌宅鹿的技术小屋

Flex 布局简介详细的知识点：【重识 HTML + CSS】知识点目录简介flex 布局（Flexible 布局，弹性布局）是在小程序开发中经常使用的布局官方文档：https://www.w3.org/TR/css-flexbox-1/https://www.w3.org/TR/css-align-3/开启了 flex 布局的元素叫 flex containerflex container 里面的直接子元素叫做 flex items设置 display 属性为 flex 或

项目实战常见项目目录CSS Reset博文集合：【重识 HTML + CSS】知识点目录常见项目目录headerLOGO \ 导航 \ 搜素框 \ 登录注册 \ Sloganmain核心内容 \ 产品内容footer友情链接 \ 网站备案 \ 版权信息CSS Resetreset.css：对浏览器的一些默认样式进行重置，编写一些经常使用的样式@charset "UTF-8";body, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5,

浮动博文集合：【重识 HTML + CSS】知识点目录

官方文档CSS 属性的描述CSS 属性的取值组合 (combinators)出现次数 (multipliers)类型 (types)< number >、< integer >博文集合：【重识 HTML + CSS】知识点目录CSS 官方文档：Full property table、MDN文档CSS 属性的描述CSS 官方文档中对每一个 CSS 属性都有详细的描述：CSS 属性的取值组合 (combinators)每个取值之间的关系，有以下几种情况：并列：

重识 HTML + CSSCSS 选择器 (selector)元素选择器 (type selectors)通用选择器 (universal selector)id 选择器 (id selectors)类选择器 (class selectors)【练习】类选择器实现多种按钮样式CSS 选择器 (selector)CSS 选择器的作用：按照一定的规则选出符合条件的元素，为之添加 CSS 样式CSS 选择器的分类：通用选择器 (universal selector)元素选择器 (type select

HTML 元素列表有序列表 ol、li无序列表 ul、li定义列表 dl、dt、dd列表相关的CSS属性练习表格表单博文集合：【重识 HTML + CSS】知识点目录列表列表在网页中非常常见HTML 提供了 3 组常用的用来展示列表的元素有序列表：ol、li无序列表：ul、li定义列表：dl、dt、dd有序列表 ol、liol (ordered list)有序列表，直接子元素只能是 lili (list item)列表中的每一项无序列表 ul、liul (un

CSS 选择器伪类 (pseudo-classes)动态伪类 (dynamic pseudo-classes):link、:visited、:hover、:active:focus目标伪类 (target pseudo-classes)博文集合：【重识 HTML + CSS】知识点目录伪类 (pseudo-classes)常见的伪类有：动态伪类 (dynamic pseudo-classes):link、:visited、:hover、:active、:focus目标伪类 (target

基础知识

总结HTML 元素脱标元素非脱标元素CSS属性盒子模型定位文字字体背景动画详细的知识点：【重识 HTML + CSS】知识点目录HTML 元素脱标元素脱标元素特点：可以随意设置宽高如果没有设置宽高，宽高由内容决定不再受标准流（normal flow）的约束不再严格区分块级元素、行内级元素元素内部默认还是按照标准流哪些元素是脱标元素：浮动元素float:leftfloat:right浮动元素之间不能层叠浮动元素不能跟行内级内容层叠绝对定位元素positi

【重识 HTML + CSS】CSS 简介内联样式、文档样式表、外部样式表@charset、@import注释HTML 和 CSS 的编写准则设置网页的图标常用 CSS 属性CSS 属性background-color、color、span 元素【重识 HTML + CSS】网页基础知识、基本 HTML 标签CSS 简介CSS 1 -> CSS 2 -> CSS 2.1 -> CSS 2.2CSS 3：是 CSS 2.x 以后对某一些 CSS 模块进行升级更新后的称呼，比

元素类型元素类型块级、行内级元素替换、非替换元素元素的分类总结CSS 属性 - displayinline-block练习 - 邮箱显示与选择练习 - 分页跳转栏CSS属性 - visibilityCSS属性 - overflow博文集合：【重识 HTML + CSS】知识点目录元素类型本章代码：https://gitee.com/szluyu99/html_css_note/tree/master/day06/02-元素类型块级、行内级元素根据元素的显示类型，HTML 元素可以主要分为：

HTML DOM 快速入门教程来源：how2j 的 html dom 教程Gitee 代码：https://gitee.com/szluyu99/how2j_front_note/tree/master/html_dom

PhotoshopPhotoshop常用功能常用面板常用快捷键矩形选框工具 (D)裁剪工具、切片工具 (C)吸管工具 (I)Photoshop常用功能测量：盒子模型属性：宽度、高度、内边距、外边距、边框文字：字体大小、行高切图：图标有特殊效果的按钮、文字非纯色的背景产品图、文章配图、广告图、Banner常用面板信息（F8）历史记录图层（F7）常用快捷键缩放：Alt + 鼠标滚轮Ctrl + +：放大Ctrl + -：缩小Ctrl + 1：缩放到 1

盒子模型盒子模型 (Box Model)宽度、高度相关属性 width、height内边距相关属性 padding外边距相关属性 margin【常见问题】上下 margin 传递博文集合：【重识 HTML + CSS】知识点目录本章代码：https://gitee.com/szluyu99/html_css_note/tree/master/day07/02-盒子模型盒子模型 (Box Model)HTML中的每一个元素都可以看做是一个盒子，如下图所示，具备这 4 个属性：内容 (conte

定位标准流 (Normal Flow)博文集合：【重识 HTML + CSS】知识点目录标准流 (Normal Flow)

CSS 特性CSS 属性的继承继承的注意点CSS 属性的层叠CSS 属性的优先级细节CSS 属性使用总结博文集合：【重识 HTML + CSS】知识点目录CSS 属性的继承CSS中有些属性是可继承的，何为属性的继承？一个元素如果没有设置某属性的值，就会跟随父元素的值当然，一个元素如果有设置某属性的值，就使用自己设置的值比如 color、font-size 等属性都是可以继承的究竟哪些属性可以继承，不用死记硬背，用多了自然熟练。而且可以随时查阅官方文档找到答案不能继承的属性，一般可

背景CSS 属性 - 背景CSS 属性 - background-image 设置元素背景图片CSS 属性 - background-repeat 设置背景图片是否平铺CSS 属性 - background-size 设置背景图片大小CSS 属性 - background-position 设置背景图片具体位置22博文集合：【重识 HTML + CSS】知识点目录CSS 属性 - 背景CSS 属性 - background-image 设置元素背景图片background-image 用于设置元