- 博客(30)
- 收藏
- 关注
RSS订阅原创 自定义动画
/* 自定义动画animation: name duration timing-function delay iteration-count direction fill-mode;*/animation-name: run;/* 动画名称 绑定关键帧动画 */animation-duration: 1s;/* 动画执行时间 单位： s ms 1s=1000ms */a
2023-02-23 19:15:28
118
原创 移动端web开发布局。
<!-- width：虚拟窗口的屏幕宽度 width=device-width（设备宽） inital-scale：页面的初始缩放比 取值：默认 数值 user-scalable 是否允许用户手动缩放 user-scalable=no；不允许用户手动缩放 user-scalable=yes；允许用户手动缩放 默认值 maxmun-scale:最大缩放比
2023-02-22 19:27:23
121
原创 VW布局。
<!-- vw布局--改变font-size的属性值，不需要js文件 --> <!-- vw viewport width 视口单位，将视口宽度平均分为100份 vh viewport height 视口单位，将视口高度平均分为100份 750px=100vw 1vw=7.5px 850px:分为100份 3vw=25.5px=3*8.5 ●优
2023-02-22 19:25:28
169
原创 移动端流式布局。
<!-- 流式布局 流式布局是宽度使用百分比代替固定宽度px，高度大多使用px来固定， 因此在大屏幕手机下显示的效果会变成页面元素的宽度被拉长，高度和原来保持一致 优点:可以很好的来解决自适应的问题 缺点: 1、实际显示的效果不友好，屏幕越大，宽度被拉的很长，容易变形 2、 大量使用百分比布局，会出现兼容性问题 -->
2023-02-22 19:24:45
92
原创 弹性盒子。
<!-- 弹性盒 有两条轴 默认的主轴方向---x轴的方向、水平向右（左侧边为主轴的起始点，右侧边为主轴的终点） 默认的交叉轴（侧轴）方向---y轴的方向，水平乡下（上方为侧轴的起始点，下方为侧轴的终点)3 -->/* 方向： 1、使用位置的关键字 to right 方向自左向右
2023-02-22 19:22:54
93
原创 盒子阴影。
/*h-shadow:阴影的水平偏移量，正数往右，负数往左；必须、 单位：pxv-shadow：阴影的水平偏移量、正数往下、负数往上；必须、单位：pxblur：阴影的模糊值、不能为负数spread：阴影大小：正数阴影变大（阴影的大小大于盒子的大小）负数阴影缩小（阴影的大小大于盒子的大小）
2023-02-22 19:20:58
62
原创 结构性伪类选择器
<!-- 结构性伪类选择器： ：root{} 匹配文档的根元素 ele：first=child{} 选择一组相同元素中的第一个元素 ele:last-child{} 选择一组相同元素中的最后一个元素 ele:nth-child(n){} 选择一组相同元素中的第n个元素，n表示数值、关键词 n取值： 数值
2023-02-22 19:20:30
118
原创 鼠标光标样式。
/*e-resize此光标指示矩形框的边缘可被向右 (东)移动。ne-resize此光标指示矩形框的边缘可被向 上及向右移动(北/东)。nw-reslze此光标指示矩形框的边缘可被向 上及向左移动(北/西)。n-resize此光标指示矩形框的边缘可被向上 (北)移动。se-resize此光标指示矩形框的边缘可被向 下及向右移动(南/东)SW-resi
2023-02-22 19:19:52
200
原创 视频标签。
<!-- 视频标签 视频格式: mp4、webM、ogg 常用属性： src：视频文件的路径 controls：视频播放控件 loop属性：循环播放 width、height属性：设置播放器的宽度和高度 muted属性：静音 autoplay属性：自动播放，必须在静音后才能播放 poster属性：预览图片、视频在加载中现实的图片封面。 --
2023-02-22 19:18:10
172
原创 css精灵
<!--css精灵：（雪碧图）css精灵英文叫法“CSS sprites”，通常被解释为“CSS 图像拼合”或“CSS 贴图定位”，其实就是把网页中的一些背景图片整合到一张图片文件中，再利用CSS “background-image”，“background-repeat”，“background-position”的组合进行背景定位，background-position 精确的定位出背景图片的位置。实现步骤：
2023-02-22 19:17:34
76
原创 什么是BFC
<!--什么是BFCBFC（block fomatting context）是web页面中盒模型布局的css渲染模式---“块级格式化上下文”，它是一个独立的渲染区域，只有block-level box参与，它规定了内部的block-level box如何布局，并且与这个区域外毫不相干。生成BFC的条件1、根元素2、overflow属性值不为visible；
2023-02-22 19:16:57
1030
原创 字体的属性
/* 字体属性： 1、font-family 作用：设置文本的字体系列 取值： 一个字体名称 微软雅黑 浏览器的默认字体 多个字体： 逗号隔开; 如果浏览器不支持第一字体，则会尝试下一个字体（回
2023-02-21 17:07:27
222
原创 文本属性～
/* 文本属性： 1、text-align 作用：设置文本水平对齐方式 取值： left 居左对齐 默认值 right 居右对齐 center 居中对齐 justify 两端对齐
2023-02-21 17:06:52
90
原创 css三大特性
<!-- css的三大特性： 1、继承性 父元素向后代元素传递属性的机制 总结那些常用的属性有继承性： text-align、font-size、font-family、font-weight、color、line-height、 强制继承 每个css属性都接受inherht、表示开启了强制继承
2023-02-21 17:05:23
82
原创 复合选择器
<!--复合选择器：由两个或多个基本选择器通过不同的方式组合而成的选择器。1、后代元素选择器语法：E F{样式声明：}用空格进行连接作用：选择E元素内部的所有F元素2、子元素选择器语法：
2023-02-21 17:03:07
131
原创 css三大特性
<!-- css的三大特性： 1、继承性 父元素向后代元素传递属性的机制 总结那些常用的属性有继承性： text-align、font-size、font-family、font-weight、color、line-height、 强制继承 每个css属性都接受inherht、表示开启了强制继承
2023-02-21 10:46:39
106
原创 复合选择器
<!-- 复合选择器： 由两个或多个基本选择器通过不同的方式组合而成的选择器。 1、后代元素选择器 语法： E F{ 样式声明： } 用空格进行连接 作用：选择E元素内部的所有F元素 2、子元素选择器
2023-02-21 10:45:15
84
原创 css背景
<!-- css背景： 元素背景都有哪些：背景颜色、背景图片、 1、背景颜色 语法：background-color 取值： 颜色的名称 red、yellow 16进制制色值 #fff rgb色值 rgb(0,255,0) 0~255之间 rgb
2023-02-21 10:33:12
127
原创 HTML基本选择器
<!-- 基本选择器： 通配符选择器： 语法： *{ 样式声明： } 作用：选择页面上的所有html元素 一般用于清楚浏览器的默认样式 *{ margin: 0; pa
2023-02-21 10:12:40
140
原创 什么是css与内部外部样式以及使用场景
<!--什么是css？表现层、美化htmlCascading Style Sheets层叠样式表、css样式表、级联样式表作用：设置页面中元素的位置、排版、样式外观等。css语法规范：主要有两部分组成：选择器、样式声明语法：选择器{样式
2023-02-21 09:29:45
173
原创 css表格样式
<!--表格：使用table标签定义表格，每个表格由若干行（由tr定行），每行被分为若干个单元格（由td定义）。表格作用：以前整个页面的布局都使用的是表格，结构复杂，维护起来麻烦。展示数据时还时选择表格。定义表格th表头单元格默认样式：字体加粗、文字水平居中、垂直居中td单元格包含各种标签
2023-02-21 09:27:37
240
原创 overflow属性隐藏
overflow属性详解\n\n \n\n概述：溢出元素内容区的内容会如何处理\n\n \n\n## 取值\n\n \n\noverflow: visible;溢出显示，默认值\n\noverflow: hidden;溢出隐藏\n\noverflow: scroll;溢出显示滚动条，横向和纵向滚动条都显示\n\noverflow: auto;自动，内容溢出时，显示滚动条\n\n \n\n overflow-x 只包括水平方向。\n\n \n\n overflow-y 只包括垂直方向\n\n \n\n```h
2022-12-06 16:14:50
229
原创 css的三大特性
<!-- css的三大特性： 1、继承性 父元素向后代元素传递属性的机制 总结那些常用的属性有继承性： text-align、font-size、font-family、font-weight、color、line-height、 强制继承 每个css属性都接受inherht、表示开启了强制继承
2022-11-28 08:25:54
76
原创 盒模型边框
/*边框：边框是围绕内容和外边距margin之间的一条或多条线;边框的宽度、样式和颜色1、边框的宽度语法：border-width: ;2、边框的样式：语法：border-style : ;solid 实线
2022-11-21 08:24:01
85
原创 选择器有哪些及其样式
<!--复合选择器：由两个或多个基本选择器通过不同的方式组合而成的选择器。1、后代元素选择器语法：E F{样式声明：}用空格进行连接作用：选择E元素内部的所有F元素2、子元素选择器语法：
2022-11-20 20:39:47
195
原创 什么是表单
<!--什么是表单？作用：用于收集不同类型用户输入的信息。表单的组成：表单元素、表单区域表单区域：语法：<form></form>作用：定义html的表单区域。实现用户信息的收集和传递。表单元素：表单元素是允许用户在表单中输入内容的标签。
2022-11-12 14:59:21
769
原创 HTML中css的背景属性
css背景：元素背景都有哪些：背景颜色、背景图片、1、背景颜色语法：background-color取值：颜色的名称 red、yellow16进制制色值 #fffrgb色值 rgb(0,255,0) 0~255之间rgba() a透明度 0~1 0全透明 1不透明
2022-11-11 08:24:38
424
原创 标记（标签）
## 5、标记（标签）构成网页的基本单位- 标签：由尖括号括起来的关键词- 单标签：<标签名 >或 <标签名 />- 双标签：`<开始标签名>[内容]`- 元素：标签及内容的整体- 属性```html<标签名 属性名1="属性值1" 属性名2="属性值2"></标签名>```<后面的第一个单词叫做标签的名字，标签名空格之后的叫做标签的属性。- 属性由属性名和属性值组成，属性名和属性值用等号连接- 属
2022-11-08 20:27:09
356
1
原创 ID选择器
id选择器- 语法- HTML中通过id属性定义如：```html<div class="box"></div>```- css中以点进行标识:#```css#id名称 {样式声明;}```- 作用:选择所有带有指定类名的元素- 实例演示:```css#box{background-color:red;}<div i
2022-11-07 21:40:36
323
原创 有序列表 语义：用于将有数字顺序的一组数据或内容进行分组。 语法： ＜ol＞定义有序列表 ＜li＞张三＜/li＞ 列表项1
列表样式：实心圆 默认自带边距（上下是外边距，左边是内边距） type属性：--ul diss-实心圆 circle-空心圆 square-正方形 none-取消前面的列表符。 注意：type属性不同寻常，通常Css属性进行替代 使用场景：商品列表图标，导航、分页、选项卡
2022-11-02 20:57:12
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人