2020年10月21日
页面元素层级关系
摘要： 具有定位的元素的层级, 默认是后面的元素比前面的元素的层级高 (这是对同级元素来说) 标准流盒子低于浮动的盒子，浮动的盒子又低于定位的盒子。定位(relative,absolute,fixed)高于浮动，浮动高于标准流。 给定z-index的值为层级的值时。（不给默认为0） 》 （层级为0的盒子，也 阅读全文
posted @ 2020-10-21 23:37 0龙行者0 阅读(501) 评论(0) 推荐(0) 编辑
关于CSS浮动问题
摘要： 文档流指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。 浮动会使元素脱离标准文档流, 从而导致容器塌陷 浮动元素的特点: 脱离标准文档流 >后来又发现, 这一条是成立的, 但是, 需要配合最后一条规则 不会自动 阅读全文
posted @ 2020-10-21 08:05 0龙行者0 阅读(109) 评论(0) 推荐(0) 编辑
2020年10月20日
关于CSS圆弧角百分比形式
摘要： 如果属性border-radius:50%, 采用类似的百分比的形式, 则是分别按照长和宽的像素乘以百分比 例如: 1 div{ 2 width:200px; 3 height:100px; 4 border-radius:50% 5 } 6 7 等价于 8 9 div{ 10 width:200p 阅读全文
posted @ 2020-10-20 19:39 0龙行者0 阅读(352) 评论(0) 推荐(0) 编辑
关于盒模型边距参数大小以及位置
摘要： 当所有的布局有关参数都设置完成之后, 肯定会有一部分参数引起冲突, 冲突时, 哪些参数会保留, 哪些参数会被舍去? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> 阅读全文
posted @ 2020-10-20 14:40 0龙行者0 阅读(148) 评论(0) 推荐(0) 编辑
关于CSS选择器优先级
摘要： 阅读全文
posted @ 2020-10-20 10:53 0龙行者0 阅读(66) 评论(0) 推荐(0) 编辑
CSS选择器 nth-of-type与nth-child使用小坑
摘要： nth-of-type只是针对元素进行选择, 如果通过类名进行筛选, 就会疯狂不对 正确: 错误: 当子元素都是同一种标签时, 用两种进行筛选都可以 当子元素不是同一种标签是, 用nth-of-type更好一点 阅读全文
posted @ 2020-10-20 10:26 0龙行者0 阅读(287) 评论(0) 推荐(0) 编辑
2020年10月15日
canvas中的三个变换注意点
摘要： ###canvas中的变换 translate(x, y) 我们先介绍 translate 方法，它用来移动 canvas的原点到一个不同的位置。 translate 方法接受两个参数。x 是左右偏移量，y 是上下偏移量， 在canvas中translate是累加的 rotate(angle) 这个 阅读全文
posted @ 2020-10-15 22:24 0龙行者0 阅读(189) 评论(0) 推荐(0) 编辑
getElementById()无法获取canvas对象?
摘要： 不知道什么原因, 每一次使用getElementById()都无法获取canvas对象, 所以会使用querySelector()来获取 但是要注意获取上下文对象时, 要判断一下, canvas对象是否存在 var mycanvas = document.querySelector("#mycanv 阅读全文
posted @ 2020-10-15 21:48 0龙行者0 阅读(531) 评论(0) 推荐(0) 编辑
canvas中的restore()与save()
摘要： 关于栈中的元素以及正在使用的元素 可以这样理解: 栈是一个仓库, 只是储存着我们需要的格式, 除了仓库中的东西, 我们手中还有一个正在使用的格式, 每一次往栈中存储的时候, 只是把我们手中的东西复制了一份放到了仓库中, 只有调用restore()函数的时候 我们才会从栈中取出一个格式替代我们手中正在 阅读全文
posted @ 2020-10-15 20:36 0龙行者0 阅读(223) 评论(0) 推荐(0) 编辑
关于canvas绘制边框问题
摘要： canvas在绘制边框时, 是以位置点为基准, 同时在两侧绘制边框, 并且格式不支持小数, 如果出现小数, 默认会向上取整 所以出现了1像素边框变成了2像素边框的问题 阅读全文
posted @ 2020-10-15 19:51 0龙行者0 阅读(390) 评论(0) 推荐(0) 编辑