- 博客(13)
- 收藏
- 关注
RSS订阅原创 HTML+CSS 背景图片大小设置问题(background-size)
记得我刚开始学的时候，做作业很多次都遇到背景不能铺满问题。background-size属性规定背景图像的尺寸background-size: 背景图片宽度 背景图片高度;单位： 长度|百分比|cover|contain;cover把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。contain把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域像这样背景图片并不能完全缩放至跟我div的大小一样。<!DOCTYPE html><html lang.
2020-07-26 16:26:00
25965
1
原创 CSS3记录 -transform(-50%,-50%)为什么会跟定位一起使用,会有居中的作用!
这是一次记录，一年前就已经学到transform，也知道transform(-50%,-50%)跟定位一起使用的时候可以有居中的效果。至于为什么会居中，那时候就懒了，想丢给以后。今天自己琢磨了一会才发现我脑子没转过来！蓝色阴影还没有top：50%，left：50%。为了更直观看出变化，又写多了一个divtransform:translate(-50%,-50%) 意思：移动自己宽高的一半的距离，" - " 代表反方向。不亲手试下，靠自己想还真有点懵，思维不如人，那就做记录！...
2020-07-23 15:42:43
977
原创 CSS3-transform (2D转换)及transform-origin
transform (2D转换)transform属性允许你旋转，缩放，倾斜或平移给定元素。通过修改CSS视觉格式化模型的坐标空间来实现。translate(移动)沿着X Y轴移动不影响其它元素的位置对行内标签没用(a,input,span等)translateX 和 translateY使用也是一样的。rotate(旋转)度数的单位是deg (degree)度数可以是正，负scale(缩放)scale也可以修改中心点transform:scale(x,y)trans
2020-07-22 16:04:01
253
1
原创 Chrome浏览器 安装插件直接查看.md文件
.md文件一般都是笔记安装Markdown阅读器插件(需要访问谷歌，不能访问也没关系,文末附上插件国内下载地址)先上效果：记住是这个插件！安装好之后直接将md文件用谷歌浏览器打开即可如果没有最上面那种效果需要权限需要开启设置=>插件右击-允许访问文件网址https://chrome.google.com/webstore/detail/markdown%E9%98%85%E8%AF%BB%E5%99%A8/lpfleledablfbdekjbhcejmagnjoihgn/relat
2020-07-15 00:00:26
5685
原创 HTML 网页引入icon图标
icon：以京东为例子首先获取jd的icon图标例子网站有图标的都可以用 xxx.com/favicon.ico获取图标<link rel="shortcut icon" type="favicon.ico" href="img/jd.ico">效果：
2020-07-13 21:13:16
4106
原创 《大学生前端成长记》 ---JavaScript基础 --冒泡(Bubble)和取消冒泡(cancelBubble)
Javascript的冒泡，原来是这样！事件传递有两种方式：冒泡与捕获。冒泡(Bubble)举个例子，我碰了你的手，你的手属于你，所以我也就碰了你。就是这么简单，如果还不明白，那就看下面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...
2020-03-07 15:53:29
468
1
原创 《大学生前端成长记》 ---JavaScript基础 --JS修改样式和JS获取样式
通过JS修改元素的样式： 语法：元素.style.样式名 = 样式值 注意：如果CSS的样式中含又 - ，比如：background-color 加粗样式则需要将这种样式名修改为驼峰命名法。 即background-color 要写成backgroundColor通过style属性修改的样式是内联样式，而内联样式优先级仅次于 ！important。所以往往通过此方法修...
2020-03-05 18:41:59
246
原创 《大学生前端成长记》---无脑错误篇 --1 --cannot set property‘onclick’ of null
事情是这样的，写轮播图中出现了一个错误网上很多博客都是说代码前后顺序问题，抱歉，我不好犯这种低级的错误，但最后实在没办法，我把原本放/body后面的代码重新添加了window.οnlοad=function(){} 也是一样报错- 解决...
2020-03-03 18:02:34
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人