
css
文章平均质量分 53
无语听梧桐
我姓同,所以叫无语听梧桐~
一名前端小白,不是计算机科班出身,偶然机会接触到前端编程,略感兴趣,就选择这条路。不知道在这条路上可以走多远,不过既然选择了,我会尽量选择多走一点!
展开
-
有最小高度的父盒子里面的子元素不能继承高度
有最小高度的父盒子里面的子元素不能继承高度 现象:对父元素使用 min-height 为 300px,在子元素不脱离文档流的情况下,对子元素设置为 30%,但实际显示的时候,子元素的 height 是 0。 当你让一个元素的高度设定为百分比高度时,是相对于父元素的高度根据百分比来计算高度。当没有给父元素设置高度(height)时 ,浏览器会根据其子元素来确定父元素的高度,所以当无法根据获取父元素的高度,也就无法计算自己高度。 原因:webkit 的 bug,有最小高度的父盒子里面的子元素不能继承高度 原文链原创 2021-04-08 14:25:27 · 1956 阅读 · 0 评论 -
HTML5 自动聚焦 autofocus 属性
HTML5 自动聚焦 autofocus 属性 定义 autofocus 属性是一个布尔属性 autofocus 属性为 true 时,页面加载时自动聚焦到此控件 支持 autofocus 属性的标签有 input、textarea、button 使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="vie原创 2021-03-10 20:44:34 · 7141 阅读 · 1 评论 -
css 实现圆形渐变进度条
css 实现圆形渐变进度条 实现思路 最外面是一个大圆(渐变色) 内部里面绘制两个半圆,将渐变的圆遮住(为了看起来明显,左右两侧颜色不一样,设置为灰蓝) 顺时针旋转右侧蓝色的半圆,下面渐变的圆会暴露出来,比如旋转 45 度(45/360 = 12.5%),再将蓝色的右半圆设为灰色,一个 12.5 的饼图就绘制出来了。 尝试旋转更大的度数,旋转 180 度之后右半圆重合,再旋转,度数好像越来越小,不符合我们需求,应该将右侧的圆回归原位,把其背景色设置成和底色一样的,顺时针旋转左侧的半圆, 最后,最里面加上白原创 2020-09-23 18:34:25 · 4426 阅读 · 3 评论