![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端css
一刻不学习就是15分钟
学了忘,忘了学,反反复复无穷尽也
展开
-
canvas
canvas属性width、height只能在标签中设置,在css样式中设置画布会变形兼容性标签中的文字只在低版本浏览器上显示(IE6/7/8),在高版本浏览器看不到文字获取画布元素//获取canvasvar canvas = document.getElementById('CANVAS').getContext('2d');绘制矩形//设置颜色canvas.fillStyle = 'pink'//设置矩形的方法canvas.fillRect(0,0,300,300)绘制三角原创 2021-03-28 17:36:40 · 91 阅读 · 0 评论 -
box-sizing的属性值
box-sizing属性值及作用content-box这是box-sizing的默认属性值padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和,即width + border + padding,表现为标准模式下的盒模型border-box怪异盒模型,一般在IE浏览器中默认是怪异盒模型。padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值inhe原创 2021-03-15 21:45:24 · 1996 阅读 · 0 评论 -
less的简单使用
css预处理器之lessless是一种动态样式语言,属于css预处理器的范畴,它扩展了css语言,增加了变量、Mixin(混合)、函数等特性,使css更具维护和扩展less既可以在客户端上运行,也可以借助node.js在服务器运行less中的注释以//开头的注释,不会编译到css文件中,给开发人员看以/**/包裹的注释会被编译到css文件中less中的变量使用@来申明一个变量:@red: red;1.作为普通属性值来使用,直接使用@red2.作为选择器和属性名,使用@{selector原创 2020-12-31 14:39:06 · 380 阅读 · 2 评论