![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
个人心得
weixin_49766373
这个作者很懒,什么都没留下…
展开
-
今日笔记总结
Adobe Photoshop,简称“PS”],是由Adobe 开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。原创 2022-10-12 16:44:23 · 766 阅读 · 1 评论 -
今日笔记总结
border-top-left-radius 定义了左上角的弧度 border-top-right-radius 定义了右上角的弧度 border-bottom-right-radius 定义了右下角的弧度 border-bottom-left-radius 定义了左下角的弧度。四个值:左上角、右上角、右下角、左下角 水平和垂直半径 三个值:左上角、右上角和左下角,右下角 两个值:左上角与右下角、右上角与左下角 一个值: 四个圆角值相同。语法: border-*-radius。作用:为元素添加圆角边框。原创 2022-10-12 16:37:20 · 57 阅读 · 0 评论 -
定位的实现
定位模式通过position属性来设置,以下为常用四种定位模式静态定位,相对对定位,绝对定位,固定定位。使用定位需要指定一个元素在文档中的定位模式,配合设置【边偏移量】决定元素最终的显示及位置。通常水平位置通过left或right控制,垂直位置通过top或bottom控制。bottom:设置距离包含块底部的距离。right:设置距离包含块右侧的距离。left:设置距离包含块左侧的距离。top:设置距离包含块顶部的距离。边偏移定位元素的位置,使用。百分比:相对于包含块计算。长度值:px/em等。原创 2022-09-29 21:37:18 · 288 阅读 · 0 评论 -
定位模式详解
相对于元素在正常的文档流中的位置移动它,把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。注意:相对于定位父级的位置进行移动,如果没有定位父级,一层一层往上找(找定位父级)一直找到body,相对于body进行定位。通常配合绝对定位使用(父相子绝)结合实际案例,如焦点图中的分页,翻页,视频网站中的 vip标签等。表示“将元素放在文档布局流的默认位置,HTML 元素的默认值,即没有定位,遵循正常的文档流对象。没有定位父级时相对于HTML进行定位,有定位父级时相对于最近的定位父级进行定位。原创 2022-09-29 21:36:26 · 142 阅读 · 0 评论 -
定位元素的层级顺序
元素的定位与文档流无关,所以它们可以覆盖页面上的其它元素。z-index属性指定了一个元素的堆叠顺序(哪个元素应该放在前面或后面)。数值:拥有更高堆叠顺序(数值越大)的元素总是会处于堆叠顺序较低的元素的前面。auto(默认值) 堆叠顺序与父元素相等。普通层,浮动层,定位层覆盖关系总结。原创 2022-09-29 21:35:26 · 110 阅读 · 0 评论 -
盒子居中的放常用方法
如果元素的四个边的位置是使用“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 · 250 阅读 · 0 评论 -
旧版本弹性盒
用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的WebKit属性。必须结合的属性,将对象作为弹性伸缩盒子模型显示。-webkit-box-orient必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式。注意:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端!/* 弹性盒子元素垂直排列 *//* 控制要显示的行数 *//* 旧版弹性盒 */3.2.2、方法二:弹性盒。原创 2022-09-29 21:33:14 · 45 阅读 · 0 评论 -
文本溢出显示
由于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 · 114 阅读 · 0 评论 -
css隐藏
设置opacity元素的所有后代元素会随着一起具有透明性, 【一般用于调整图片或者模块的整体不透明度】hidden 隐藏该元素但是该元素所占的内存空间还存在,即“隐身效果”。【取值:0-1】 0表示全透明,1表示全不透明,0-1之间表示半透明。兼容性:IE6、7、8【不支持】,IE9及以上版本和标准浏览器都支持。none:隐藏该元素并且该元素所占的空间也不存在了。visible 显示元素。原创 2022-09-29 21:30:25 · 70 阅读 · 0 评论 -
滑动门知识总结
为了使特殊形状的背景使能够自由拉伸滑动,以适应元素内部的文本内容,出现了CSS滑动门技术。最常见于各种导航栏的滑动门。原创 2022-09-29 21:29:23 · 83 阅读 · 0 评论 -
系统班第一天笔记
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 · 40 阅读 · 0 评论