![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 62
灯灯登登
杂学派,热衷各种技术
展开
-
代码源 每日一题 div1 删数
删数今天的题又不会写,所以来写题解总结一下题意给你一个数组,每次如果ai=(ai+1+ai−1)/2a_i=(a_{i+1}+a_{i-1})/2ai=(ai+1+ai−1)/2,那么就可以删除aia_iai。问这个数组经过一系列删除后最短长度是多少?思路...原创 2022-04-13 13:13:27 · 786 阅读 · 0 评论 -
CSS之浏览器前缀
私有前缀私有前缀是为了兼容老版本浏览器的写法,新版的浏览器则不需要添加原创 2021-03-03 15:35:22 · 283 阅读 · 1 评论 -
CSS之居中
垂直居中对于盒子模型,可以使文字的 行高=盒子的高度,实现文字的垂直居中原理:文字高度+上空隙+下空袭=行高,刚好撑满整个盒子模型的高度如果行高小于盒子高度,则文字偏上;反之偏下水平居中text-align: center;...原创 2021-02-19 13:32:21 · 53 阅读 · 0 评论 -
CSS3之新特性
filter 函数函数类型egblur(5px); /*模糊处理,数值越大模糊越明显*/img {filter: blur(5px) } /*图片模糊处理*/img:hover{filter: blur(0)} /*去除模糊*/calc(100% -80px); /*()里面可以使用+-*÷来计算*/width : calc(100%, -80px); /*孩子始终比父盒子小30px*/过渡(transition)过渡动画:可以从一个状态 渐渐过渡到另外的一个状态使用方式:哪个属性原创 2021-02-18 22:33:23 · 75 阅读 · 0 评论 -
CSS3之选择器
CSS选择器基础标签选择器类选择器id选择器复合选择器后代选择器语法:[元素1]+空格+[元素2]{}eg:ol li{} 选择 ol的后代li子选择器[元素1]>[元素2]{} 只选择子元素并集选择器[元素1]+,+[元素2] 语法规定:竖着写伪类选择器语法: div:first-child,解释:选择div的第一个孩子链接伪类选择器 a:[link/visited/hover/active]focus伪类选择器 input:原创 2021-02-18 21:19:08 · 162 阅读 · 0 评论 -
CSS之高级技巧
精灵图(sprites)当网页中的图片过多时,服务器就会频繁地接受和发送请求图片,造成服务器请求压力过大,大大降低页面的加载速度。精灵图把所有的图标都整合在一个图片之中,有效地减少了接受和请求的次数,减轻了服务器的压力,提高的服务器的运行效率。核心精灵技术主要时利用背景的定位,把想要的图标定位到某个位置。使用background-position来定义x,y坐标来实现。视频。工具网站如果自己量,一般都是负的值字体图标精灵图比较大,而且放大缩小会失真,而且图标制作完毕后更新非常麻烦。字体图标原创 2021-02-18 16:38:45 · 100 阅读 · 0 评论 -
CSS之定位
背景当标准流或者浮动不能实现时。(即让一个元素浮动在另一个元素上方,或者一个模块固定在屏幕的某个位置)浮动可以让多个块级盒子没有缝隙排列显示,用于横向排列盒子而定位可以让盒子自由自在某个盒子内移动位置或固定在屏幕中的某个位置,并且可以压住其他盒子组成定位模式用于指定一个元素在文档的定位方式,使用position设置,共有四个边偏移静态定位(static)默认方式,就是无定位的意思,按照标准流的方式来摆放,所以在布局时很少使用相对定位(relative)元素在移动位置的时候,是根原创 2021-02-18 00:53:55 · 86 阅读 · 0 评论 -
CSS之布局
eg:页面布局的整体思路确定页面的版心(可视区),页面的核心区域分析页面中的行模块,以及每个模块中的列模块。一行中的列模块经常浮动布局,确定列大小,之后确定列的位置。页面布局第二准则遵循先结构,后样式的原则。(先H5,后CSS)多写多积累...原创 2021-02-17 10:46:42 · 93 阅读 · 0 评论 -
CSS之浮动
布局的几种方式即用CSS来摆放盒子,CSS有三种方式普通流(标准流)浮动固定标准流标准流中元素分行级元素和块级元素,即基本的布局方式,下面仅仅介绍浮动和固定两种方式浮动浮动元素会触及到另一个浮动元素的边框或到包容盒子边框为止语法float:left|right典型应用:可以让多个元素一行排列在一行显示。纵向排列用标准流,横向排列用浮动流特点:浮动元素脱离标准流,不再保留原先的位置。对齐方式为上边界对齐。若盒子所想导致装不齐,则另起一行。浮动元素具有行内块元素的特性,块级元素原创 2021-02-16 19:44:36 · 78 阅读 · 0 评论 -
CSS之盒模型
组成border (边框),具有的属性:border-width, border-style, border-color,简写border:1px solid red四条边框边border-[top|left|right|bottom]合并相邻的边框 border-collapse:collapse;注意: 边框会影响盒子的实际大小padding(内边距):内容和边框的距离写法:padding: 5%; /* 所有边:5% 的内边距 */padding: 10原创 2021-02-16 17:06:18 · 87 阅读 · 1 评论 -
CSS之三大特性
层叠性层叠行从简单上来说就是样式覆盖样式冲突,就近原则样式不冲突,则不覆盖eg: div { color: red; font-size: 12px; } div { color: pink; } <div>长江后浪推前浪,前浪死在沙滩上</div>后者的div会将前者的red层叠(覆盖)掉继承性子元素会继承父元素的属性,如t原创 2021-02-16 00:57:16 · 58 阅读 · 0 评论 -
CSS之背景
背景颜色backgournd-color: transparent为默认属性背景图片场景:使用logo或者一些小装饰、图片、或者精灵图片。便于控制位置background-image: none | url()url 里使用相对地址和绝对地址背景平铺在背景充不满盒子的情况下,背景图片会重复显示设置属性 background-repeat: repeat-x | no-repeat | repeat-y背景图片位置background-position: x y 。x, y 可以是方位名词原创 2021-02-15 22:56:34 · 76 阅读 · 0 评论 -
CSS之显示模式
CSS之显示模式行内元素如a strong span b em等标签特点挤在一行宽高无效默认宽度是本身宽度行内元素只能容纳文本和行内元素特殊:a标签里面可以放块级元素块级元素如div p h1-5, ul li 等标签特点独占一行可以控制宽度,高度,内外边距离宽度默认和父级元素一样是个容器及盒子特殊: 文字类标签不能放块级元素 p里不能放div行内块元素img input td (同时具有行内元素和块级元素的特点)一行可以放多个元素默认宽度是内容宽度宽高原创 2021-02-15 21:38:29 · 58 阅读 · 0 评论