- 博客(33)
- 收藏
- 关注
RSS订阅原创 今日笔记总结
Adobe Photoshop，简称“PS”]，是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。
2022-10-12 16:44:23
812
原创 今日笔记总结
text-shadow: x轴偏移量 y轴偏移量 模糊值 阴影颜色;可以在一个文字中设置一个或多个阴影，阴影之间用逗号隔开。h-shadow 必需，水平阴影的位置，允许负值；v-shadow 必需，垂直阴影的位置，允许负值；color 可选，阴影的颜色；blur 可选，模糊距离；
2022-10-12 16:39:29
100
原创 今日笔记总结
spread：阴影大小。正数阴影扩大（阴影大小大于盒子大小），负数阴影缩小（阴影大小小于盒子大小），0阴影与盒子同等大小。box-shadow: x轴偏移量 y轴偏移量 模糊值 阴影大小 阴影颜色 内阴影inset|外阴影（outset默认）h-shadow：阴影的水平偏移量。v-shadow：阴影的垂直偏移量。blur：阴影模糊度，不能取负数。可以在一个元素上设置一个或多个阴影，阴影之间用逗号隔开。inset：表示添加内阴影，默认为外阴影。当 spread 为0时，阴影大小与元素大小相同。
2022-10-12 16:38:16
121
原创 今日笔记总结
border-top-left-radius 定义了左上角的弧度 border-top-right-radius 定义了右上角的弧度 border-bottom-right-radius 定义了右下角的弧度 border-bottom-left-radius 定义了左下角的弧度。四个值：左上角、右上角、右下角、左下角 水平和垂直半径 三个值：左上角、右上角和左下角，右下角 两个值：左上角与右下角、右上角与左下角 一个值： 四个圆角值相同。语法： border-*-radius。作用：为元素添加圆角边框。
2022-10-12 16:37:20
110
原创 定位的实现
定位模式通过position属性来设置，以下为常用四种定位模式静态定位，相对对定位，绝对定位，固定定位。使用定位需要指定一个元素在文档中的定位模式，配合设置【边偏移量】决定元素最终的显示及位置。通常水平位置通过left或right控制，垂直位置通过top或bottom控制。bottom：设置距离包含块底部的距离。right：设置距离包含块右侧的距离。left：设置距离包含块左侧的距离。top：设置距离包含块顶部的距离。边偏移定位元素的位置，使用。百分比：相对于包含块计算。长度值：px/em等。
2022-09-29 21:37:18
335
原创 定位模式详解
相对于元素在正常的文档流中的位置移动它，把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。注意：相对于定位父级的位置进行移动，如果没有定位父级，一层一层往上找（找定位父级）一直找到body，相对于body进行定位。通常配合绝对定位使用（父相子绝）结合实际案例，如焦点图中的分页，翻页，视频网站中的 vip标签等。表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。没有定位父级时相对于HTML进行定位，有定位父级时相对于最近的定位父级进行定位。
2022-09-29 21:36:26
182
原创 定位元素的层级顺序
元素的定位与文档流无关，所以它们可以覆盖页面上的其它元素。z-index属性指定了一个元素的堆叠顺序（哪个元素应该放在前面或后面）。数值：拥有更高堆叠顺序（数值越大）的元素总是会处于堆叠顺序较低的元素的前面。auto(默认值) 堆叠顺序与父元素相等。普通层，浮动层，定位层覆盖关系总结。
2022-09-29 21:35:26
156
原创 盒子居中的放常用方法
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。如果包含块是块级，则相对于包含块的边界即（包括padding），如果包含块是行级，则相对于包含块的内容区域。实现思路：position:absolute;left，right，top，bottom都为0并用，配合margin：auto（若使某个区块元素在网页居中显示，把position:fixed;margin-left:宽度的一半;
2022-09-29 21:34:25
316
原创 旧版本弹性盒
用来限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他的WebKit属性。必须结合的属性，将对象作为弹性伸缩盒子模型显示。-webkit-box-orient必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。注意：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端！/* 弹性盒子元素垂直排列 *//* 控制要显示的行数 *//* 旧版弹性盒 */3.2.2、方法二：弹性盒。
2022-09-29 21:33:14
71
原创 文本溢出显示
由于ie6-7不显示content内容，所以要添加标签兼容ie6-7（如：…兼容ie8需要将::after替换成:after。该方法适用范围广，但文字未超出行的情况下也会出现省略号，可结合js优化该方法。将height设置为line-height的整数倍，防止超出的文字露出。/* 文本强制不换行 *//* 溢出显示省略号 */给p::after添加渐变背景可避免文字只显示一半。/* 溢出隐藏 */3.1 、单行文本溢出显示省略号。3.2、单行文本溢出显示省略号。3.2、多行文本溢出显示省略号。
2022-09-29 21:32:23
149
原创 css块级格式化
它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。内部的Box会在垂直方向，一个接一个地放置 Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重叠。每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)，BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。float属性不为none。
2022-09-29 21:31:23
58
原创 css隐藏
设置opacity元素的所有后代元素会随着一起具有透明性， 【一般用于调整图片或者模块的整体不透明度】hidden 隐藏该元素但是该元素所占的内存空间还存在，即“隐身效果”。【取值：0-1】 0表示全透明，1表示全不透明，0-1之间表示半透明。兼容性：IE6、7、8【不支持】，IE9及以上版本和标准浏览器都支持。none：隐藏该元素并且该元素所占的空间也不存在了。visible 显示元素。
2022-09-29 21:30:25
102
原创 今日笔记分享
console.log("米饭","泡面","西北风");//2 赋值 读法：将右侧数据123赋值给左边的变量a。概念:存储数据的容器 称作变量(标识符) 给存储数据的区域起个名字。在sources找到当前运行的文件---在打断点的代码行号上点击。console.log(c, d)//泡面 赵四。var c = "泡面", d = "赵四";console.log("中午吃啥");// 1.声明变量--基础用法。//3.声明变量和赋值同时进行。alert("你在说什么");alert("提示信息");.
2022-08-28 19:35:18
186
原创 今日笔记总结
/ ["嘿嘿","哈哈","嘻嘻","呵呵"]j = 2 输出 i=1 j =2。j = 1 输出 i=1 j=1。j = 2 输出 i=2 j =2。// ["妲己","王昭君","安琪拉"]j = 1 输出 i=2 j=1。["嘿嘿","哈哈","嘻嘻","呵呵"],["你好吗","我不好","我特别好"],["妲己","王昭君","安琪拉"]......
2022-08-28 19:33:17
105
原创 今日笔记分享
/ 总结:Number可以转换的有：string类型(纯数字，""-0 " "-0) boolean(true-1 false-0) null(0)显式转换(强制转换):通过js的方法，转换成自己想要的数据类型。作用:将数据转换成number类型，如果转换不了则是返回NaN。隐式转换：在js进行某些运算的时候 自动完成转换数据类型。// 2.string类型转换。// 3.boolean类型。// Number类型转换。// 1.number类型。Number(要转换的数据)数据类型转换分为两种。
2022-08-24 21:52:04
79
原创 第二阶段-今日笔记分享
document.getElementsByClassName("class名")----获取到的是集合 集合名[下标]外部引入 在外部创建js文件 用script标签的src引入 是不允许在这个script里面再写js代码。document.getElementsByTagName("标签名")----获取到的也是集合。document.getElementById("id名")---获取的是具体的某个标签。父元素.getElementsByTagName 只获取父元素下的对应标签。
2022-08-23 22:32:49
159
原创 弹性盒子初识
四周对齐，子元素之前、之间、之后都留有空白空间，且空间自行分配,项目之间的间隔比项目与边框的间隔大一倍。两端对齐，子元素和子元素之间有空白空间,项目之间的间隔都相等。justify-content 属性：设置主轴的对齐方式,弹性子元素在主轴方向上的对齐方式,flex-direction属性：设置主轴的方向，子元素的排列方向。...
2022-08-04 21:27:03
98
原创 等高布局和圣杯布局，双飞翼布局
当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。当前，新冠疫情的防疫已进入新常态...
2022-08-01 21:36:33
74
原创 html中盒子居中的两种方法
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。使用margin属性的负间距实现具有width属性和height属性的绝对定位元素的居中。实现具有width属性和height属性的绝对定位元素的居中。注意定位并不是一种用来做主要页面布局的方式，主要用于管理和微调页面中的一个特殊项的位置。/*-定位元素本身的宽度的一半*//*定位元素盒的宽度的一半*//*定位元素盒的高度的一半*/...
2022-08-01 21:34:18
6378
原创 positiong:sticky；的属性
positionsticky属性，要求在其设置该属性的所有父级元素上，不能有明显的高度css属性，即height100%等都不行，经过排查，发现heightauto是可行的，就把父级换成了heightauto.首先想到了是不是自己代码里监听了滚动条事件和这个有冲突，把事件统统禁掉，还是不生效。但是在实际用起来，还是不出意料有了些小问题，自己仿照写的代码不生效，为什么？...
2022-07-31 13:59:20
121
原创 今日笔记总结
添加新的图标下载文件后，把原来的文件替换掉，再把iconfont.css和iconfont.js文件链接替换一下即可。如果添加新的图标，可以把这些图标添加到已有的项目文件，这样原来的图标和这次新添加的图标就可以在新的一个文件里了。如果添加新的图标，需要再新下载一个文件，且这个文件的图标与上个文件的图标不能在一个文件中，是两个独立的文件。3.解压文件，把文件放到代码中(此时下载的这个文件包括上次选的图标，也包括这次选的新的图标)这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。...
2022-07-27 19:44:16
38
原创 css readonly和disabled的区别
要说readonly和disabled的区别，就需要先说说两者的联系；两个属性都可以作用于input等表单元素上，都使得元素成为“不可用”的状态；两者的字面意义先介绍一下readonly表示“只读”，一般表示对于文字内容只读，即不可更改内容，对于非文字的表单“只读”与“不只读”似乎没有啥区别；disabled表示“使残废，使无效”，都残废了，那还管你有没有文字内容，都得残掉。readonly属性规定输入字段为只读。只读字段是不能修改的。disabled属性规定应该禁用input元素。...
2022-07-25 20:31:05
446
原创 今日笔记总结
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。使用margin属性的负间距实现具有width属性和height属性的绝对定位元素的居中。表示“将元素放在文档布局流的默认位置，HTML元素的默认值，即没有定位，遵循正常的文档流对象。注意定位并不是一种用来做主要页面布局的方式，主要用于管理和微调页面中的一个特殊项的位置。/*-定位元素本身的宽度的一半*//*定位元素盒的高度的一半*/...
2022-07-22 21:50:12
320
原创 今日笔记总结
box-shadow属性向框添加一个或多个阴影。提示请使用border-image-*属性来构造漂亮的可伸缩按钮！默认值none继承性no版本CSS3object。
2022-07-19 11:00:19
35
原创 今日笔记心得
在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於该问题的解决方法也是「见机行事」，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。这个方法要强调下，在实际开发中该方法可能会出乱子，因为在写代码的时候为了让代码更体现语义和层次清晰，难免要通过IDE提供代码缩进显示，这必然会让标签和其他标签换行显示，比如说DW的「套用源格式」命令。...
2022-07-15 19:52:29
42
原创 7.14笔记心得
多个HTML文档具有相同样式时优缺点1.适用范围广，可以使用代码的复用；2.便于修改和维护代码；3.结构与表现彻底分离总结：CSS选择器是CSS规则的第一部分，每个CSS规则都以一个选择器或一组选择器为开始CSS 选择器即用于“查找”（或选取）要设置样式的 HTML 元素的模式选择器可以分为基础选择器、复合选择器 2、CSS引入方法当读到一个样式表时，浏览器会根据它来格式化 HTML 文档，插入样式表的方法有三种:行间样式表，内部样式表，外部样式概述：通过HTML元素的style属性设置样式称为行间样式放在
2022-07-14 21:34:23
45
原创 前端系统班第二天笔记
1. 行内块状元素综合了行内元素和块状元素的特性，但是各有取舍。因此行内块状元素在日常的使用中，由于其特性，使用的次数也比较多。 行内块状元素特征：(1)不自动换行 (2)能够识别宽高 (3)默认排列方式为从左到右行内块标签不能利用margin居中，因为是行内块，先转化为块级标签，利用display：block；在利用margin就可以居中了。2.总结：简单的说strong是web标准中xhtml的标签，strong的意思是“强调”；b是html的，b的意思是bo
2022-07-12 16:48:57
43
原创 系统班第一天笔记
web浏览器是用于读取HTML文件，并将其作为网页显示浏览器最重要的部分或其核心是渲染引擎，我们一般称为内核；内核的作用负责对网页语法的解释并渲染网页；五大浏览器：chrome、safari、Firefox、Opera、IE1.chrome 谷歌浏览器生产商：Google内核：webkit、blink2.Firefox 火狐浏览器生产商：Mozilla内核：gecko3.Safari 苹果浏览器生产商：苹果公司内核：webkit4.opera 欧朋浏览器生产商：挪威欧普拉软件公司内核：presto blin
2022-07-11 21:35:20
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人