![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 58
tiny_wei
前端工程师
展开
-
css布局解决方案
总结css布局 一、居中布局 1、水平布局 1)display:inline-block;text-algin:center; a、原理、用法 原理:先将子框由块级元素变为行内元素,再通过设置行内元素居中以到水平居中; 用法:对子框设置display:inline-block...原创 2018-04-10 10:00:51 · 136 阅读 · 0 评论 -
css之浮动篇
float 简单介绍:1、浮动的原理:使当前的元素脱离普通流(html的文档流是从上到下,从左到右,遇块换行),相当于浮动起来,浮动的框可以左右移动,直到他的外边缘遇到包含框或者另一个浮动框的边缘;2、浮动的影响:a、对附近的元素布局造成改变,使得布局混乱;b、浮动后的元素相当于块级元素,可以设置宽度和高度,我更倾向于display:inline-block;c、高度塌陷;问题整合:1. 浮动元素...原创 2018-04-10 10:37:06 · 199 阅读 · 0 评论 -
css3 选择器
css选择器复习:1.基本选择器选择器类型功能描述*通用选择器选择所有元素#idID选择器选择id为id的元素.class类选择器选择class为class的元素element元素选择器选择指定类型的html元素(例:p、html、h1)selector1,selectorN群组选择器将每一个选择器匹配的元素集合并2.层次选择器选择器类型功能描述E F后代选择器选择匹配的F元素,且匹配的F元素被...原创 2018-06-19 16:32:13 · 158 阅读 · 0 评论 -
理解css3中的background-size
background-size 基本语法background-size:length | percentage | cover | contain ; length : 设置背景背景图片的宽度和高度,第一个若给定了值,第二个值为auto;会截取图片,不适用;percentage : 以父元素的百分比设置图片的宽度和高度,若第一个给定了值,第二个值为auto;cover : 将背景图像扩展的足够大,...原创 2018-06-19 21:18:39 · 239 阅读 · 0 评论