CSS
文章平均质量分 81
meteorshower2013
学习知识
展开
-
2020-08-07
1. 水平居中(1)行内元素居中父元素设置 text-align:center示例代码:<body> <div class="parent"> <span class="son">sss</span> </div></body><style> .parent{ width: 500px; height: 300px; back原创 2020-08-07 10:44:16 · 236 阅读 · 0 评论 -
CSS flex布局
学习参考微信小程序开发指南:https://developers.weixin.qq.com/ebook?action=get_post_info&docid=00080e799303986b0086e605f5680a阮一峰博客:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuic...原创 2019-07-10 10:23:53 · 240 阅读 · 0 评论 -
CSS width设置为100%
在子元素中设置width:100%容易溢出,因为子元素内容已经和父元素的大小一致,如果子元素还有内边距(padding)、边框(border)、外边距(margin),这样会使子元素溢出父元素。父元素没有内边距,溢出明细<div class="parent"> <div class="child"> <p>123456789ffffffffdddd...原创 2019-07-10 11:45:19 · 10849 阅读 · 2 评论 -
CSS居中
margin : 0 auto;原创 2019-07-10 19:29:31 · 248 阅读 · 0 评论 -
CSS width与继承的关系
1 起因在做页面时,想把搜索按钮放在页面底部(在正常流中,搜索按钮紧挨着上部分),即图一变为图二。图一图二 2 现象在给元素设置position:absolute;样式后,发现搜索框变小了;如图3;3 思考在给元素设置定位position:absolute后,元素脱离正常流,不再继承父元素宽度。4 验证4.1 正常流中,块级子元素width继承父元素属性写如下代码:<...原创 2019-07-10 21:23:17 · 3691 阅读 · 0 评论 -
css 字体颜色渐变的实现方法
设计人员为了页面的美观,常会有渐变色字体展示。在css中实现方法有如下几种1 使用background-clip这是最简单的一种方式,也十分好理解。在现有css中,没法将字体颜色直接设为渐变色,所以我们反向思考,将其背景设置为渐变色,裁去字体以外的部分,把字体颜色改为透明,这样就可以透过字体,看到背景色。就像是字体颜色是渐变色。具体分为三步,如下:将背景色改为渐变色背景将背景...原创 2019-08-22 19:31:00 · 1945 阅读 · 0 评论 -
CSS选择器
选择器种类繁多,有时候用着就忘记了,就知道加class,不知道使用其他方式。选择器分类标签选择器类(class)选择器id选择器属性选择器文档结构选择器后代选择器子代选择器兄弟选择器...原创 2019-09-10 16:22:32 · 301 阅读 · 0 评论