Css
雨雪风晴是你
波浪式前进,螺旋式上升
展开
-
前端像素单位都有哪些?px、rpx、em、rem......?
一、存在即合理:随着Web的发展,对新的解决方案的需求也会继续增大,对网页的要求更高。网页设计单位是涉及到我们布局的效果,使用不同的单位会对最终的demo,会有影响。而且现在都是要求响应式设计,需要适配各种设备,电脑,手机,平板。如果单位不合适,可能在这个设备显示良好,那个设备就会打乱布局。所以需要我们选择合适的单位来进行开发,设计。二、详解:1、px1)px就是pixel的缩写...原创 2020-03-02 15:50:55 · 6652 阅读 · 1 评论 -
Css插入背景图片并且填充满整个容器
1、首先插入背景图:background-image: url(图片地址);2、使得图片填充整个容器:background-size: cover; 需要注意的是,被填充的容器要预先设置宽高。 华...原创 2019-01-22 10:05:26 · 24909 阅读 · 0 评论 -
Css中的盒模型
css盒子模型:网页设计中CSS技术所使用的一种思维模型。1、W3C标准盒子模型:其width(宽)和height(高)不包括padding(内边距)和border(边框);2、IE下的怪异盒模型:其width(宽)和height(高)包括padding(内边距)和border(边框);css盒子模型 又称框模型 (Box Model) ,包含了元素内容(content)、内边距(pa...原创 2019-01-23 14:12:18 · 119 阅读 · 0 评论 -
DIV实现水平和垂直居中
定位居中给父元素设置宽高并且设置相对定位属性position:relative,并且给要居中的元素也设置绝对定位属性position:absolute,确保该元素是根据以定位父元素来定位的,在子元素已知宽高的情况下使用margin 0 auto属性使元素水平居中,之后给以定位的子元素设置top:50%,然后margin-top的值为负的子元素高的一半,就完成了垂直居中。如果子元素是未知宽高...原创 2019-01-23 14:35:27 · 161 阅读 · 0 评论 -
CSS中标准文档流与脱离文档流
在网页当中,所有的元素都有自己的占位。标准文档流指在没有CSS干预的前提下,块级元素独占一行,可以自行定义宽、高;而行内元素并排显示,宽、高为auto(元素的auto高度只会一直随内容的高度在同步变化,并不会去“自适应”容器的高度,即使元素已经溢出容器)。常见的块级元素有:<address>地址<caption>表格表格标题<div>划分区域、区块&...原创 2019-03-05 17:14:00 · 844 阅读 · 0 评论 -
CSS样式初始化代码
CSS样式初始化代码:原文:地址为什么要初始化CSS?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。最简单的初始化方法就是: * {padding: 0; margin: 0;} 。有...转载 2019-03-04 17:13:49 · 513 阅读 · 0 评论 -
JS动态修改transform:scale(x)属性
今天写项目的时候碰到一个修改div缩放的问题,因为并不是直接给定一个固定大小的缩放比例,所以总结一下怎么使用JS控制动态缩放。给定一个div:<div id="box"></div><!-- 初始样式 --><style type="text/css"> *{padding: 0;margin: 0;list-style: no...原创 2019-03-26 12:28:37 · 32076 阅读 · 0 评论