css基础
关注
分享
扫一扫
RexingLeung
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
国家纪念日引起的一个css属性思考 ------ filter属性
前言 2020年4月4日早上10点 , 全国性哀悼活动正式开展 , 在向逝去的生命和前线壮烈牺牲的烈士致哀同时 , 依旧不忘加班 , 如往常打开浏览器 , 然后发现 , 基本上所有的网站都变灰了 , 在哀伤的同时 , 就想到一个问题 , 这样全部颜色和交互效果都变灰了 , 到底是怎么做的 , 具体的工作量是多大呢 ? 带着这个问题 , 我开始我的探索之旅 先来几张已经发生底色改变的网站 CS...原创 2020-04-04 14:00:52 · 530 阅读 · 0 评论 -
css裁剪属性----clip-path
什么是clip-path clip-path是一个css3新属性 , 一般用在svg元素上 , 但是也可以作为普通元素裁剪使用 解释 : clip-path 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏 普通标签上的使用 <!DOCTYPE html> <html lang="en"> <head> <...原创 2020-03-21 16:09:35 · 1355 阅读 · 0 评论 -
关于css的数学计算----基础
现实中的问题 在css中 , 有时候对一个图片进行旋转的时候 , 如果图片是一个不规则的多边形 , 一旦旋转 , 就会将底层的div显示出来 , 不能保证图片所在的div填满 , 这时候就要对图片的旋转时放大缩小进行计算 以正方形为例的解决方法 如下面代码所示 html部分 <!DOCTYPE html> <html lang="en"> <head&...原创 2020-03-21 14:02:55 · 446 阅读 · 0 评论 -
CSS骚操作 --- 制作不同背景的字体
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-03-21 12:35:16 · 253 阅读 · 0 评论 -
CSS高级开发-----BFC(块格式化上下文)
BFC布局规则 每个元素的marginbox的左边 , 与包含块border box的左边相接触 ( 对于从左往右的格式化 , 否则相反 ) , 即使存在浮动也是如此 BFC的区别不会与float box重叠 创建BFC的Box方式 根元素(<html>) 浮动元素（元素的 float 不是 none） 绝对定位元素（元素的 position 为 absolute 或 fix...原创 2020-03-21 12:11:49 · 205 阅读 · 0 评论 -
css核心技巧
CSS3开发常备核心技能 早期的双飞翼布局 + CSS HACK 基于移动端的PX与rem转换兼容方案 弹性盒模型与reset的选择 自制的ICON-FONT与常用字体排版 CSS代码检测与团队项目规范 CSS绘制特殊图形高级技巧 BFC IFC GFC FFC 双飞翼布局 + CSS HACK 双飞翼布局在IE6之前 , 在flex时代前 , 可以说这个布局是首屈一指的 ; 因...原创 2020-03-20 23:00:55 · 202 阅读 · 0 评论 -
css 3D 简单实践
先来两个羞羞的网站 http://tridiv.com/, 这是一个css 在线做3D的一个网站https://720yun.com/, 纯css vr3D视角的一个东西 制作html 纯css3D <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...原创 2020-03-20 21:16:16 · 329 阅读 · 0 评论 -
html 关于陀螺仪知识
html5陀螺仪 陀螺仪又叫角动量传感器 , 是不同于加速度计(G-sensor)的 , 他的测量物理量是偏转的 , 倾斜时的转动角速度 。 在手机上 , 仅用加速度傳感器是沒辦法測量或重構出完整的3D動作，測不到轉動的動作的，G-sensor只能檢測軸向的綫性動作，這樣就可以精確分析判斷出使用者的實際動作。而后根據動作，可以對手機做相應的操作 陀螺仪角度 1.png ...原创 2020-03-20 21:15:12 · 1040 阅读 · 0 评论 -
你不知道的HTML
利用image测试网速 , 上报数据 对于img标签 , 它的资源是可以跨域的 , 通过src特有的属性 , 但是img标签有一个属性 , crossorigin="anonymous" , 这个属性是告诉后端 , 我需要去跨域 , 如果后端不让我们跨域 , 这张图片就协商不成了 例如下面img标签的 src 为 test.png <img crossorigin="anon...原创 2020-03-18 21:09:40 · 365 阅读 · 0 评论 -
解读css盒子模型
Css盒子 第一个问题：css盒子 Css盒子是从内而外分别是border(边框)，margin（外边距），padding（内边距），盒子的宽（width），盒子的高（height），再加上最内层的元素（element），我们打开谷歌浏览器按下F12就可以看到这哥们了 在兄弟标签之间要设置间距是使用margin来设置间距，父子标签之间是用padding来设置间距的 通常如果我们的边原创 2017-10-16 23:24:21 · 839 阅读 · 0 评论