CSS
吴冬雪~
Everything is the best arrangement.
展开
-
上下箭头样式小技巧-旋转上下箭头方向
上下箭头样式小技巧-旋转上下箭头方向原创 2023-05-08 20:17:39 · 73 阅读 · 0 评论 -
改变input框中placeholder颜色的方法
input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #BDCADA;}input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: #BDCADA;}input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */ color: #BDCADA;}input:-ms-.转载 2021-05-28 21:29:30 · 773 阅读 · 0 评论 -
css盒子模型有几种?以及盒模型设置?
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。 盒子模型(Box Modle)可以用来对元素进行布局,包括内边距,边框,外边距,和实际内容这几个部分。盒子模型分为两种: 第一种是W3c标准的盒子模型(标准盒模型) 第二种IE标准的盒子模型(怪异盒模型) 当前大部分的浏览器支持的是W3c的标准盒模型,也保留了对怪异盒模型的支持,当然IE浏览器沿用的是怪异盒模型。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏原创 2020-05-11 11:09:01 · 8167 阅读 · 0 评论 -
px em rem
em:继承父级的,假设html的font-size默认为16px,body字体大小定义为50%,那么在body里字体大小就是1em=8px了。因为继承了父级的值,现在这个div里的1em=4px,这么嵌套下去的话,抱歉,我数学不好!rem:是em的升级版,rem只会相对html的值,不会受到父级的影响,这样的好处在于:从em里的例子来讲,1rem始终会等于8px。pc端使用px倒也无所谓,可是在移动端,因为手机分辨率种类颇多,不可能一个个去适配,这时px就显得非常无力,所以就要考虑em和rem。原创 2020-04-11 21:54:54 · 116 阅读 · 1 评论 -
几种常用的长度单位 px % Viewport calc()
1、px像素,我们在网页布局中一般都是用px。2、百分比百分比一般宽泛的讲是相对于父元素,自适应网页布局越来越多,百分比也经常用到了。3、Viewportviewport:可视窗口,也就是浏览器。vw Viewport宽度, 1vw 等于viewport宽度的1%vh Viewport高度, 1vh 等于viewport高的的1%...转载 2019-05-30 10:57:21 · 524 阅读 · 0 评论 -
CSS中字体响应式的设置 & rem与px的转换
在进行页面响应式设计中,往往需要根据屏幕分辨率来显示不同大小的字体。通常的做法是通过media queries给不同的分辨率指定不同的字体样式,例如:CSS中几种不同单位之间的比较px:像素(Pixel)。相对长度单位,所占大小由屏幕分辨率决定。em:相对长度单位。相当于当前对象内文本的字体尺寸,如果当前对行内文本的字体尺寸未被认为设置,则相对于浏览器的默认字体尺寸。em的值并不是固定的,它会继承父级元素的字体大小。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10p转载 2019-05-27 16:03:55 · 2628 阅读 · 1 评论 -
css 选择器之子元素
【代码】css 选择器之子元素。原创 2019-05-22 14:50:28 · 957 阅读 · 1 评论 -
vertical-align:middle 控制图片和文字对齐方式
添加上“vertical-align:middle”属性。原创 2019-05-21 17:12:02 · 2015 阅读 · 1 评论 -
css属性:min-height是什么意思?
意思是说,一个块元素,高度如果小于20px,那么这个块元素就不会再自动变小,而是保持20px不变。如果大于20px,那么不受限制。至于,取值100%的意思,是这个高度值使用父元素的高度值做限定。比如min-height:20px;最小高度的意思,这是。原创 2019-04-19 10:09:38 · 4132 阅读 · 1 评论