CSS3 - 随笔分类(第2页) - byd张小伟

css3设置背景图片的大小

摘要：background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。语法：阅读全文

posted @ 2018-05-23 17:14 byd张小伟阅读(1623) 评论(0) 推荐(0) 编辑

css背景图片的设置

摘要：地址：https://blog.csdn.net/adenfeng/article/details/8199362 阅读全文

posted @ 2018-05-23 15:29 byd张小伟阅读(113) 评论(0) 推荐(0) 编辑

div中的div上下居中

摘要：方法1： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 .parent { width:800px; height:500px; border:2px solid #000; position:relative; } .child { width:200px; height:20 阅读全文

posted @ 2018-05-22 18:44 byd张小伟阅读(342) 评论(0) 推荐(0) 编辑

纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）

摘要：地址：http://www.jb51.net/css/41448.html 图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。阅读全文

posted @ 2018-05-21 01:14 byd张小伟阅读(151) 评论(0) 推荐(0) 编辑

行内元素块级元素之间的嵌套

摘要：默认的span标签是一个行内标签，页面构成时，尽量把它作为最后一个标签。当然不绝对，你可以在内套用同是行内标签的元素：<i>、<span>、<em>。。。等等等。如果套用块状标签，那么很多情况浏览器解析会把它放到span的外面，w3c内明确标识了，行内元素不可以套用块状元素。 1 如果不按照HT 阅读全文

posted @ 2018-05-20 16:23 byd张小伟阅读(723) 评论(0) 推荐(0) 编辑

小tip: margin:auto实现绝对定位元素的水平垂直居中

摘要：地址：http://www.zhangxinxu.com/wordpress/2013/11/margin-auto-absolute-%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D-%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E5%B1%85 阅读全文

posted @ 2018-05-20 15:46 byd张小伟阅读(126) 评论(0) 推荐(0) 编辑

DIV+CSS文字垂直居中解决左侧头像右侧姓名，姓名多换行后相对于头像仍居中显示

摘要：在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign 特性的元素阅读全文

posted @ 2018-05-20 15:41 byd张小伟阅读(386) 评论(0) 推荐(0) 编辑

div里嵌套了img 底部会出现白边

摘要：因为img默认是按基线(baseline)对齐的。对比一下图片和右边的p, q, y等字母，你会发现这三个字母的“小尾巴”和图片下方的空白一样高。下面这张图中的黑线就是那条基线。要去掉空格可以使用vertical-align: bottom或将img标签变为块级元素。至于什么是基线，还记得四线三阅读全文

posted @ 2018-05-18 17:03 byd张小伟阅读(220) 评论(0) 推荐(0) 编辑

vue项目中使用vue-awesome

摘要：vue项目中使用vue-awesome 地址：http://www.cnblogs.com/chinabin1993/p/8184296.html vue:引入阿里图标地址：https://www.cnblogs.com/luyuefeng/p/8668236.html 阅读全文

posted @ 2018-05-18 15:31 byd张小伟阅读(7253) 评论(0) 推荐(0) 编辑

vue内如何引入阿里图标

摘要：地址：https://blog.csdn.net/wk15038187622/article/details/72941303 阅读全文

posted @ 2018-05-18 15:05 byd张小伟阅读(180) 评论(0) 推荐(0) 编辑

如何给边框添加阴影效果：box-shadow

摘要：地址：https://blog.csdn.net/zzqwxx/article/details/51895977 阅读全文

posted @ 2018-05-17 12:22 byd张小伟阅读(165) 评论(0) 推荐(0) 编辑

p标签里面不能嵌套div

摘要：地址:https://www.cnblogs.com/lovelvxia/p/5726316.html 阅读全文

posted @ 2018-05-16 19:30 byd张小伟阅读(87) 评论(0) 推荐(0) 编辑

CSS中vertical-align的默认值baseline的理解

摘要：地址:http://www.cnblogs.com/xuhaodong/p/basseline.html 阅读全文

posted @ 2018-05-16 17:52 byd张小伟阅读(171) 评论(0) 推荐(0) 编辑

CSS3阴影 box-shadow的使用和技巧总结

摘要：地址:https://blog.csdn.net/freshlover/article/details/7610269 阅读全文

posted @ 2018-05-16 14:27 byd张小伟阅读(118) 评论(0) 推荐(0) 编辑

css实现一行文字居中，多行文字左对齐

摘要：css实现一行文字居中，多行文字左对齐问题及场景：当内容能一行显示在盒子内时，文字居中对齐。当内容过多换行后显示在盒子内时，文字左对齐。其实这种视觉上的需求还是蛮常见的。比如用于弹出提示框，当提示内容比较少时，内容居中显示在弹出框，提示内容比较多时，内容居左对齐。但是其纯CSS实现有点麻烦，阅读全文

posted @ 2018-05-16 14:03 byd张小伟阅读(1201) 评论(0) 推荐(0) 编辑

让一个div里面的其它div或者标签内容居中

摘要：地址: https://blog.csdn.net/liuhailiuhai12/article/details/55252283 阅读全文

posted @ 2018-05-15 19:31 byd张小伟阅读(145) 评论(0) 推荐(0) 编辑

巧用css内容生成

摘要：1. .box:before{content:"生成内容";}在.box内部的内容之前加上生成内容 2. .box:after{content:"生成内容"; color:red; font-weight:bold;} 只对生成的内容进行操作 3， css设计陷阱：子元素的margin越界问题以前阅读全文

posted @ 2018-05-15 19:15 byd张小伟阅读(127) 评论(0) 推荐(0) 编辑

CSS浏览器兼容性

摘要：答题技巧：因为这个问题主要是看你经验，一般有了开发经验的都会遇到这样的坑，你只要说出几个来大致就可以了。 1、对齐文本和文本输入框问题：当input元素在设置了高时，在IE7、IE8、IE9下会出现文本和文本输入框不能对齐的现象，其他正常，包括opera 解决： vertical-align:m 阅读全文

posted @ 2018-04-03 00:06 byd张小伟阅读(164) 评论(0) 推荐(0) 编辑

@-webkit-keyframes 动画 css3

摘要：Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。 Chrome 和 Safari 需要前缀 -webkit-。 Internet Explorer 9，以及更早的版本，不支持 @keyframe 规则或 ani 阅读全文

posted @ 2017-12-20 01:33 byd张小伟阅读(1559) 评论(0) 推荐(0) 编辑

byd张小伟

随笔分类 - CSS3