- 博客(23)
- 收藏
- 关注
RSS订阅转载 flexbox弹性盒模型
right ： 类似endend ：右对齐center ： 居中对齐 所有元素都挤到中间基线排列：/* Baseline alignment */baseline ： 基线排列 类似于flex-start。
2023-04-27 07:15:45
105
转载 动画汇总合集
1、含义：由许多帧静止的画面，以一定的速度（如每秒16张）连续播放时，肉眼因视觉残象产生错觉而误以为画面活动的作品，为了得到活动的画面，每个画面之间都会有细微的改变2、基本实现条件：1）、短时间内连续播放多张静态的帧（静态的图形）2）、每一帧图像内部物体的状态（如颜色，形状，大小，角度，位置等）必须发生变化3、动画的创作1）、基本动画创作从第一帧到最后一帧全由动画创作者自行定义2）、关键帧动画创作1）、需要用户定义第一帧和最后一帧（中间的帧数由计算机辅助生成）
2023-04-22 06:18:51
61
转载 做静态项目时需要考虑 注意的点
link rel='shortcut icon' href='目标' type='image/x-icon'>其余图片隐藏，单选样式不好看，通过label进行关联，设计好看样式按钮，单选按钮最终隐藏。1、考虑用户的屏幕 给最外层的盒子设置最大 最小宽度，保证页面在不同分辨率的显示器下显示的样式没有变化。3、引入文件时 在这个文件上按住ctrl能跳转到对应文件，说明路径没错。给该盒子外面套一个大盒子，居中定位。
2023-04-21 20:23:40
62
原创 高级选择器
nth-of-type(n) 首先满足 ：伪类选择器前面的条件，且在同一父级中，并且是同一类型的第几个才生效 ——（在该选择器中排序）————同类排序。以冒号为前缀，被添加到一个选择器末尾的关键字，当希望样式在特定状态下才被呈现到指定的元素时，可以往元素的选择器后面加上对应的伪类（pseudo-class）：nth-last-child(n)首先满足 ：伪类选择器前面的条件，且在同一父级中，其次必须是指定的第几个才生效——从后往前数。[attr] 选择伪类前选择器所选中的元素中包含attr属性的元素。
2023-04-21 20:05:21
42
转载 表格相关（table）
创造表格的名字，（国际论文基本方式，放在表格下方）——不论caption放哪都会显示在表格最下面 可用caption-side 改变样式位置。在网页内容中创造表格中的一行，只有行不会再网页内容中间展示任何效果，一个表格至少需要行和列同时出现。border-spacing ----（相当于padding） 两条线之间的间隔。在表格中间创造一列中的表头，用来标注这一列的数据类型或名称，可理解为特殊的td。在网页内容中创造表格中的一列，每个tr元素中间都要设置具体列数。thead —— 表头区域。
2023-04-21 07:30:07
40
原创 Form表单元素
form用于创建供用户输入的HTML表单，表单可包含文本字段、单、复选框、提交按钮等，可以将数据提交至服务器。input是行内元素，type属性内部存储着该input元素输入信息的类别（如文本、单选、多选、邮箱、数字、电话号码等）4）、checkbox 复选框 （name不同，value相同 ----可不写）、可能不同的浏览器显示的效果不同，提交的值不同，不建议使用——建议使用type = button。2）、form是块元素，用于进行信息收集的元素都需要放在form元素里面进行包裹。
2023-04-21 07:11:21
123
原创 定位（详细介绍）
----另起一套布局规则实现元素的位置设置，即坐标系布局。脱离文本流，不占据位置，相对定位的父级——从父级向上找，找到第一个relative的父级元素 如果不设置默认相对于浏览器左上角定位。当给图片设置绝对定位后，图片只是浮起来，位置不变，且不占位置，文字会跑到一起。设置了绝对/固定定位的元素会脱离文档流，飘起来，越后面设置定位的元素越在最上层，覆盖前面设置定位的元素。只设置了绝对定位的元素或设置了z-index为0的元素，越后面设置的层级越高，在最上层。margin-top:-元素高度的一半。
2023-04-21 06:35:27
116
转载 渐变色---背景图片
实质：呈现出来的一个图形，不一定就是图形本来的样式，可能是通过不同图形的拼接，同一颜色的遮盖 才最终显示出来想要的图形的样式 画图形时 一定要记住只要能拼接处最终效果就可以 不要忽略相同颜色被遮盖掉的部分。指在两个及以上的颜色之间呈现出一种平滑的过渡效果，该效果是矢量效果，不会因为页面的放大而出现模糊的情况。径向渐变 radial-gradient(at bottom,red 0%,blue 100%)线性渐变 linear-gradient(to right,red 0%,blue 100%)
2023-04-18 06:43:37
156
转载 border-radius圆角样式
https://mp.csdn.net/mp_blog/creation/editor?spm=1000.2115.3001.4503
2023-04-18 06:26:16
133
转载 背景及相关属性
fixed: 背景相对于视口固定，元素有滚动机制，背景也不会随着元素内容滚动（相对于浏览器固定 左上角0 0位置）值的三种形式：rgb() 格式-----字符含义 r-red g-green b-blue。在背景图片原始尺寸大于元素的时候，将图片进行裁剪，保证背景图片哪个区域可见（超出部分不可见）cover--（覆盖 遮盖） 图片等比缩放，直到刚好覆盖背景区域（可超出 不显示）local：背景相对于元素内容固定，元素有滚动机制背景随着元素内容滚动。content-box : 背景图片内容区左上角开始。
2023-04-17 19:38:03
43
转载 form表单元素
type属性内部存储着该input元素输入信息的类别（如文本、单选、多选、邮箱、电话号码等）在form中使用，用来展示用户可以输入数据的元素，最终表现形式和传输至服务器的数据类型取决于type属性。点击label也可以选中单选按钮，for属性存储的对应input元素的ID名称。form的method属性内部存储着该表单向目标服务器传输数据时采用的是哪种方式（get/post）form的action属性 内部是一个链接，指向的是提交表单时向哪个服务器地址发送表单数据。option 下拉列表的具体选项。
2023-04-12 19:56:56
108
原创 浮动相关内容
a)、新建一个空的块元素，并给他设置clear:both 想清除哪个元素浮动带来的影响，就新建元素放到该元素下面（会清除新建元素前面的所有元素浮动带来的父元素高度塌陷）当父元素没有固定高度时，父元素高度由元素高度之和撑开，当父元素没有固定高度时，且所有元素都浮动起来时，父元素高度塌陷（父元素不显示）不占原来的位置，浮在后面元素的上面（先浮动的元素会更靠近边缘，后浮动的元素会依次在先浮动元素的后面）没法根据子元素的高度进行自适应。当父元素的宽度不足以放下所有的浮动元素时，超出父元素边界的元素会自动换行显示。
2023-03-31 20:30:35
66
转载 BFC（独立容器）
2）、父子元素边距重叠（当父元素并没有设置border 或padding的情况下，给子元素设置的margin-top会直接设置在父元素上面，因为父元素没有边界 BFC化相当于给该元素添加了一个虚拟的边框，父元素的高度由里面还在平面上的 元素和浮动的元素一同撑开）4）、防止浮动元素使父元素高度塌陷（父元素由子元素的高度撑开时，当子元素设置了浮动，父元素就会不显示 没有高度了）BFC 一块独立区域/容器，让处于BFC内部的元素与外部元素互相隔离。overflow visible除外。float none除外。
2023-03-31 19:59:23
48
转载 文字的相关样式
baseline : 使元素基线与父元素基线对齐（英文字母底部对齐）------ 默认。行间距 ： line-height- font-size （上下两行文字内容区之间的间距）bottom ： 使元素及后代元素的底部与整行底部对齐 （行高的底部）top : 使元素及后代元素的顶部与整行顶部对齐 （行高的顶部）middle : 使元素中部与父元素中部对齐 （文字正中间）倍数 以当前字体大小为基数设置倍数。line-height：（上下两行文字的文本基线之间的最小间距）百分比 当前字体大小。
2023-03-30 20:24:34
36
原创 外边距合并
因为父元素没有设置边框 padding等 子元素设置外边距的时候，没有触到东西。4）、给子级或者父级任何一方添加 display：inline-block;3）、给父级设置 overflow：hidden;6）、给子级或者父级任何一方添加定位 position。给子元素设置的外边距没有生效，直接被设置到了父元素上面。5）、给子级或者父级任何一方添加浮动 float。两兄弟元素外边距重叠时，使用数值最大的外边距。1）、给父元素设置一个边框。2）、给父级设置内边距。1、父元素外边距合并现象。
2023-03-30 19:50:08
24
转载 盒模型(BOX Model)
1、含义：w3c规定浏览器如何渲染 显示一个元素，根据元素的种类分为块级元素盒模型和行内元素盒模型2、padding 作用：在元素内容区与边框线之间加一个内部间隙 用于隔开内容与边框线2）、padding区域的颜色和内容区的颜色保持一致。
2023-03-28 20:28:06
30
转载 css基本样式
important无效)两个选择器之间 ~ 隔开 h1 ~ .text。标签后跟样式选择器 （无空格） h1.text。类名 、属性 、伪类选择器 （权重10）4)、子代选择器 （更精确 只有儿子才能执行该样式）5)、相邻元素选择器 （后面的紧挨着的一个邻居）2)、并集选择器（所有选择器都执行后面的样式）3）、后代选择器 （后代子孙才执行该样式）标签选择器 伪元素选择器 （单个权重1）6）、兄弟选择器 （后面紧跟的所有兄弟）不推荐使用，无法复用。通配符 关系选择器（+ > ~）否定伪类 （权重0）
2023-03-28 19:34:57
24
转载 链接标签a
2）、href 超文本引用，用来建立当前元素和文档之间的链接 并行下载资源，且不会停止对当前文档的处理 （异步）------ 有link a等标签。3）、src 将指向的资源下载并引用到当前的文档中，浏览器解析src时，会暂停其他资源的下载和处理（同步） 直接将该资源下载处理。href和src都是用来引用外部资源的属性。: _self 打开当前页面 （默认）href : 超文本引用，可点击网页的某些内容，跳转到其他网页。： _new 每次只打开同一个新页面。
2023-03-28 19:05:56
21
转载 展示标签~~~
width / height: 用于保存图片原始尺寸（同时写） 给浏览器搜索展示使用。../../上上级目录（类推）从本地： D:/ 从磁盘出发。从本地文件出发寻找目标文件。从网络： http://相对路径：（该代码所在文件的当前位置）src : 路径 （只用于展示出该内容，不能操作）alt : 当图片无法正常显示才会进行展示的信息。title: 鼠标悬停显示的内容。同一个视频的多个后缀，用于兼容。1）、img 图片。
2023-03-27 20:20:13
23
转载 初识HTML
meta name='discription' content='网页内容描述'>utf-8 常用 包含全世界200多个国家和地区的语言文字。网页内容所包含的核心搜索关键词 便于用户找到该网页（百度搜索时使用）SEO让网页排于更前面。网页上文字的编码格式（不设置会乱码）显示在页面的标题（不设置默认显示文件夹名称）head 存储网页上给浏览器或是搜索引擎看的所有信息。-- --> 快捷键 ctrl+/
2023-03-27 20:08:36
23
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人