静默的星星-优快云博客

原创 CSS3 2D转换、动画、3D转换

 转换transform 我们简单理解就是变形有2D 和 3D 之分 我们暂且学了三个分别是位移旋转和缩放 2D 移动 translate(x, y) 最大的优势是不影响其他盒子，里面参数用%，是相对于自身宽度和高度来计算的 可以分开写比如 translateX(x) 和 translateY(y) 2D 旋转 rotate(度数) 可以实现旋转元素，度数的单位是deg 2D 缩放 sacle(x,y) 里面参数是数字，不跟单位，可以是小数，最大的优势不影响其他盒子。

2023-09-06 16:58:55 129 1

原创新增的语义化标签、多媒体标签、input 类型、表单属性、属性选择器、结构伪类选择器、伪元素选择器、 box-sizing指定盒模型、滤镜filter、calc 函数、过渡

音频标签和视频标签使用方式基本一致浏览器支持情况不同谷歌浏览器把音频和视频自动播放禁止了,我们可以给视频标签添加 muted 属性来静音播放视频，音频不可以（可以通过JavaScript解决）视频标签是重点，我们经常设置自动播放，不使用 controls 控件，循环和设置大小属性。

2023-09-05 16:43:46 97

原创精灵图、字体图标、CSS三角、CSS 用户界面样式、vertical-align 属性应用、溢出的文字省略号显示、布局技巧

一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS 精灵技术（也称 CSS Sprites、CSS 雪碧）。核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了。

2023-09-05 08:25:46 105

原创定位、元素的显示与隐藏

1. 一定记住相对定位、固定定位、绝对定位两个大的特点：① 是否占有位置（脱标否） ② 以谁为基准点移动位置。2. 学习定位重点学会子绝父相。

2023-09-04 16:23:23 71

原创浮动、常见网页布局、清除浮动

1. 浮动（float)1.1 传统网页布局的三种方式1.2 标准流（普通流/文档流）1.3为什么需要浮动1.4 什么是浮动1.5 浮动特性（重难点）1.5.1浮动元素会脱离标准流(脱标)1.5.2. 浮动的元素会一行内显示并且元素顶部对齐1.5.3. 浮动元素会具有行内块元素特性1.6 浮动元素经常和标准流父级搭配使用2. 常见网页布局2.1 常见网页布局2.2 浮动布局注意点3. 清除浮动3.1 为什么需要清除浮动本质方法总结

2023-08-23 13:53:49 152

原创盒子模型、圆角边框、盒子阴影、文字阴影

1. 盒子模型1.1 看透网页布局的本质1.2 盒子模型（Box Model）组成编辑1.3 边框（border）1.4 表格的细线边框1.5 边框会影响盒子实际大小1.6 内边距（padding）1.7 外边距（margin）1.7.1 外边距典型应用1.8 外边距合并1.9 清除内外边距2. ps应用3.圆角边框4. 盒子阴影5. 文字阴影

2023-08-21 17:28:31 217

原创 CSS 的复合选择器、元素显示模式、背景、三大特性

1. CSS 的复合选择器1.1什么是复合选择器1.2后代选择器（重要）1.3子选择器（重要）1.4并集选择器（重要）1.5伪类选择器1.5.1链接伪类选择器1.6 :focus 伪类选择器1.7复合选择器总结2.CSS 的元素显示模式2.1 什么是元素显示模式2.2 块元素2.2行内元素2.3行内块元素2.4 元素显示模式总结2.5 元素显示模式转换

2023-08-06 20:58:46 489

原创 CSS简介、基础选择器、字体属性、文本属性及引入方式

1. CSS简介1.1 CSS语法规范1.2 CSS代码风格2. CSS基础选择器2.1 选择器的作用2.2 选择器的分类2.3 标签选择器2.4 类选择器2.4.1 类选择器—多类名2.5id选择器2.6 通配符选择器2.7基础选择器总结3 CSS字体属性3.1 字体系列3.2 字体大小3.3 字体粗细3.4文字样式3.5 字体的复合属性3.6字体属性总结

2023-08-02 21:37:49 76

原创表格标签、列表标签、表单标签

1. 表格标签1.1 表格的主要作用1.2 表格的基本语法1.3 表头单元格标签1.4 表格属性编辑1.5 表格结构标签1.6 合并单元格2. 列表标签2.1无序列表(重点）2.2 有序列表（理解）2.3 自定义列表2.4 列表总结3. 表单标签3.1 为什么需要表单3.2 表单的组成3.3 表单域编辑3.4 表单控件（表单元素）3.4.1input 表单元素3.4.2 lable标签3.4.3select表单

2023-08-02 13:42:03 235

原创 HTML语法规范、HTML常用标签、路径及特殊字符

1. HTML语法规范1.1 基本语法概述1.2 标签关系2. 基本结构标签2.1 第一个HTML网页3.部分标签说明4. HTML常用标签4.1 标题标签(重要）4.2 段落标签(重要）4.3 换行标签(重要）4.4 文本格式化标签4.5和和标签4.6 图像标签和路径（重点）4.6.1图像标签(单标签)4.6.2 路径(前期铺垫知识)4.7 超链接标签(重要）4.7.1.链接的语法格式472链接的分类

2023-07-31 21:42:09 393

原创网页的相关概念、常用浏览器及web标准

1. 网页的相关概念1.1 什么是网页1.2. 什么是HTML1.3 网页的形成2. 常用浏览器2.1浏览器的内核3. web标准3.1 为什么需要Web标准3.2 Web标准的构成

2023-07-31 11:37:42 161

m0_73645234的博客