随笔分类 -  黑马前端笔记 / 黑马-HTML+CSS笔记

HTML与CSS学习脑图
摘要： 阅读全文
posted @ 2022-02-24 23:10 凌歆 阅读(10) 评论(0) 推荐(0) 编辑
HTML与CSS学习第16天
摘要：HTML学习第16天（响应式网页） 目录 HTML学习第16天（响应式网页）1. 媒体查询1.1 媒体查询的目的1.2 媒体查询开发中的写法1.3 媒体查询使用案例1.4 媒体查询的完整写法1.4.1 关键词1.4.1 媒体类型1.4.2 媒体特性 1.5 外联式媒体查询1.6 媒体查询-隐藏内容 阅读全文
posted @ 2022-02-24 22:50 凌歆 阅读(23) 评论(0) 推荐(0) 编辑
HTML与CSS学习第15天
摘要：HTML学习第15天 目录 HTML学习第15天1. 长度定位（vw/vh）1.1 vw1.2 vh1.3 根据设计稿确定对应的vh尺寸示例：vw初体验示例：vh初体验示例：vw与vh的计算注意点 1. 长度定位（vw/vh） 相对单位相对于视口的尺寸计算结果 1.1 vw vw：viewport 阅读全文
posted @ 2022-02-24 22:36 凌歆 阅读(21) 评论(0) 推荐(0) 编辑
HTML与CSS学习第14天
摘要：HTML学习第14天（移动适配） 目录 HTML学习第14天（移动适配）1. 移动适配2. 长度单位2.1 rem示例 2.2 rem的基本使用2.3 移动适配原理2.4 媒体查询示例 2.5 rem适配布局2.6 根据设计稿确定rem的尺寸2.7 flexible.js 3.less3.1 使用l 阅读全文
posted @ 2022-02-24 22:29 凌歆 阅读(16) 评论(0) 推荐(0) 编辑
HTML与CSS学习第13天
摘要：HTML学习第13天 目录 HTML学习第13天1. flex布局1.1 改变元素排列方向1.2 弹性盒子显示特点示例 1.3 弹性盒子的换行示例 1.4 换行后行与行之间的对齐方式案例中的问题：省略显示过长的文字示例 1. flex布局 1.1 改变元素排列方向 主轴默认是水平方向，侧轴默认是垂直 阅读全文
posted @ 2022-02-24 22:20 凌歆 阅读(28) 评论(0) 推荐(0) 编辑
HTML与CSS学习第12天
摘要：HTML学习第12天 目录 HTML学习第12天1. 移动端特点1.1 pc网页与移动端网页有什么不同1.2 在电脑里面边写代码边调试移动端网页效果1.3 屏幕尺寸1.4 分辨率注意点 1.5 移动端主流设备分辨率1.6 视口1.7 二倍图 2. 百分比布局案例：移动端京东工具栏 3. flex布局 阅读全文
posted @ 2022-02-24 22:16 凌歆 阅读(32) 评论(0) 推荐(0) 编辑
HTML与CSS学习第11天
摘要：HTML学习第11天 目录 HTML学习第11天1. 空间转换1.1 空间转换概述1.2 空间转换的使用1（位移）1.2.2 透视案例 1.3 空间转换的使用2（旋转）案例：绕x轴旋转拓展 1.4 立体呈现案例：呈现立方体综合案例：实现3d导航注意点 1.5 空间转换的使用3（缩放）案例 2. 动画 阅读全文
posted @ 2022-02-24 22:02 凌歆 阅读(16) 评论(0) 推荐(0) 编辑
HTML与CSS学习第9天
摘要：小兔鲜项目 目录 小兔鲜项目1. 项目布局思路1. 整体结构2. 布局中各个部分标签用法 3. 一些技巧4. 命名规范1. 类名2. 标签名 1. 项目布局思路 1. 整体结构 大致分为头部部分（header），中间内容部分，尾部部分（footer）头部部分（header）和尾部部分（footer） 阅读全文
posted @ 2022-02-24 21:47 凌歆 阅读(24) 评论(0) 推荐(0) 编辑
HTML与CSS学习第10天
摘要：HTML学习第10天 目录 HTML学习第10天1. 字体图标1.1 字体图标概述1.2 字体图标的优点1.3 字体图标的下载1.4 字体图标的使用(unicode编码使用)案例 1.5 字体图标的使用（调用类名实现(推荐)）注意点案例 1.7 综合案例（购物车）1.8 矢量图片转换为图标 2. 平 阅读全文
posted @ 2022-02-24 21:41 凌歆 阅读(14) 评论(0) 推荐(0) 编辑
HTML与CSS学习第8天
摘要：HTML与CSS学习第八天 目录 HTML与CSS学习第八天1. 项目样式补充（精灵图，阴影效果，过渡效果）1.1.1 精灵图1.1.2 精灵图的使用示例 1.2 背景图片大小示例 1.3 背景图片连写扩展示例 1.4 文字阴影示例注意点 1.5 盒子阴影示例 1.6 过渡注意点示例 2. 项目前置 阅读全文
posted @ 2022-02-08 14:03 凌歆 阅读(10) 评论(0) 推荐(0) 编辑
HTML与CSS学习第7天
摘要：HTML与CSS学习第七天 目录 HTML与CSS学习第七天1. 定位（在css样式中设置）1.1 网页常见布局方式注意点 1.2 定位的应用1.3 定位的使用方法案例 1.4 静态定位注意点 1.5 相对定位案例 1.6 绝对定位案例1.6.2 绝对定位到底相对于谁移动注意点 1.7 子绝父相案例 阅读全文
posted @ 2022-02-08 13:30 凌歆 阅读(20) 评论(0) 推荐(0) 编辑
HTML与CSS学习第6天
摘要：HTML与CSS学习第六天 目录 HTML与CSS学习第六天1. 结构伪类选择器1.1 作用与优势1.2 选择器注意点示例1.2.2 nth-of-type结构伪类选择器示例 2. 伪元素注意点示例 3. 标准流4. 浮动4.1 浮动的作用4.1.1 早期作用：图文环绕4.1.2 现在的作用示例 4 阅读全文
posted @ 2022-02-08 12:54 凌歆 阅读(17) 评论(0) 推荐(0) 编辑
HTML与CSS学习第5天
摘要：HTML与CSS学习第五天 目录 HTML与CSS学习第五天1. PxCook的基本使用2. 盒子模型2.1 盒子模型的介绍2.1.1 盒子的概念2.1.2 盒子模型 2.2 盒子模型内容的高度和宽度（width，height）注意点 2.3 盒子的边框-border2.3.2 边框的连写模式2.3 阅读全文
posted @ 2022-02-07 12:56 凌歆 阅读(20) 评论(0) 推荐(0) 编辑
HTML与CSS学习第4天
摘要：HTML与CSS学习第四天 目录 HTML与CSS学习第四天1. 复合选择器1.1 后代选择器（空格）1.2 子代选择器（>号） 2. 并集选择器(,)3. 交集选择器（）4. emmet语法5. hover伪类选择器6. 选择器总结7. 背景相关属性（装饰元素的背景样式）7.1 背景颜色7.2 背 阅读全文
posted @ 2022-02-07 12:40 凌歆 阅读(20) 评论(0) 推荐(0) 编辑
HTML与CSS学习第3天
摘要：HTML与CSS学习第3天 目录 HTML与CSS学习第3天1.CSS1.1 css介绍1.2 css语法1.3 css引入方式 2. 选择器2.1选择器作用2.2 常见的选择器**注意点** 2.3 选择器示例 3. 字体和文本样式3.1字体相关属性3.2 字体的一些注意点3.3 文本样式3.4 阅读全文
posted @ 2022-02-07 12:24 凌歆 阅读(17) 评论(0) 推荐(0) 编辑
HTML与CSS学习第2天
摘要：HTML学习第二天 目录 HTML学习第二天1. 表格标签1.1 基本语法1.2 表格的表头标签1.3表格的属性1.4 表格的结构标签1.5 合并单元格 2. 列表2.1 无序列表2.2 有序列表2.3 自定义列表**注意点** 3. 表单标签3.1 表单的组成3.2 表单域3.3 表单控件（表单元 阅读全文
posted @ 2022-02-07 11:32 凌歆 阅读(22) 评论(0) 推荐(0) 编辑
HTML与CSS学习第1天
摘要：HTML与CSS学习第一天 目录 HTML与CSS学习第一天1. 网页1.1 网页介绍1.2 HTML本质 2. web标准2.1 web标准定义2.2 web标准作用2.3 web标准的构成 3. HTML语法介绍3.1. 基本语法3.2 结构图 4. VSCode编译器使用4.1 快捷键使用 5 阅读全文
posted @ 2022-02-07 11:19 凌歆 阅读(19) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示