css
css学习心得
蚕豆ya
这个作者很懒,什么都没留下…
展开
-
右边的滚动条影响页面宽度
在最外层盒子加:margin-right: calc(100% - 100vw);即可。原创 2020-12-22 11:35:37 · 994 阅读 · 1 评论 -
flex布局
flex,意为 " 弹性布局 ",任何一个 容器/行内元素 都可以指定为flex布局。.box { display:flex;}flex布局的盒子有6个属性1、justify-content属性(定义项目在主轴上的对齐方式).box { justify-content: flex-start | flex-end | center | space-between | space-around;}flex-start:左对齐(默认值)flex-end:右对齐center:居中spa原创 2020-12-17 11:34:26 · 62 阅读 · 0 评论 -
CSS3相关问题
1、使用 CSS3 创建圆角:border-radius2、给 CSS3 中的元素添加阴影:box-shadow3、使用 CSS3 修改边框图像:border-image: url(border.png) 30 30 round4、使用 CSS3 调整背景图像的大小: background-size5、使用 CSS3 强制换行:word-wrap: break-word6、...原创 2020-12-15 17:09:42 · 46 阅读 · 0 评论 -
CSS3渐变
渐变语法:background-image: linear-gradient(direction,color1,color2,...);1、从上到下线性渐变(默认情况)#grad { background-image: linear-gradient(#e66465, #9198e5);}2、从左到右(要加个to right)#grad { background-image: linear-gradient(to right, red , yellow);}3、对角渐变:左原创 2020-12-15 16:04:00 · 49 阅读 · 0 评论 -
css按比例画盒子
方法一:#one { width: 10%; //宽 height: 0; padding-bottom: 10%; //相当于高 }方法二:css单位vw、vh1、vw:1vw等于视口宽度的1%;2、vh:1vh等于视口高度的1%。注意:vh and vw:相对于视口的高度和宽度;比如:浏览器高度950px,宽度为1920px, 1 vh = 950px/100 = 9.5 px,1vw = 1920px/100 =19.2 px。.vw{ width: 10vw;原创 2020-11-24 17:47:11 · 2735 阅读 · 0 评论