![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
我的绝伦大人
这个作者很懒,什么都没留下…
展开
-
CSS预处理器和后处理器
css预处理器一、什么是css预处理器? CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。通俗的说,CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件 二、分类(重点) Sass(SCSS)、LESS、Stylus原创 2018-01-30 19:27:27 · 4644 阅读 · 0 评论 -
css剩余部分
一、link和@import的区别页面中引入的方式有三种: 1.在行内定义style属性 2.页面头部内嵌标签 3.通过link和@import链接样式表 link rel="stylesheet"type="text/css" href="css文件"> style> @import css文件; @import原创 2018-02-04 00:36:31 · 323 阅读 · 0 评论 -
css选择器
CSS选择器参考:http://blog.csdn.net/hierarch_lee/article/details/52609400 https://www.jianshu.com/p/3c3cf4e02057 一、CSS选择器的类型(一).基础选择器 *{}/*通用元素选择器*/#id-selected{}/*id选择器*/.class{}/原创 2018-01-28 21:38:17 · 290 阅读 · 0 评论 -
CSS居中问题
参考文章一 参考文章二 参考文章三 水平居中(一)针对图片、按钮、文字等行内元素(display为inline或inline-block等 设置父元素为: text-align:center;(二)块状元素水平居中(width固定) 实际上是把元素的margin-left、margin-right均设为0,将元素进行水平居中,但是此方法对浮动元素原创 2018-02-03 22:26:51 · 197 阅读 · 0 评论 -
BFC神奇背后的原理
前端精选文摘:BFC 神奇背后的原理 BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读转载 2018-02-02 22:59:59 · 148 阅读 · 0 评论 -
两栏、三栏布局(圣杯+双飞翼)
一、圣杯布局两边定宽,中间自适应的三栏布局 float+padding+position的方法 实现过程:第一步:将左中右三部分设为左浮动,保证可以在一行显示,中间宽度设为100%,保证自适应 第二步:用负margin将左和右移到和中间同一行 第三步:中间内容用padding,避免中间内容被左右挡住,同时为左右部分挪出空位第四步:运用相对定位把左右部分挪回原创 2018-02-02 21:44:44 · 1046 阅读 · 0 评论 -
弹性盒模型
参考文章 http://blog.csdn.net/MR_LP/article/details/50966842 http://blog.csdn.net/u013778905/article/details/78679662 http://blog.csdn.net/xiaoyan_2015/article/details/75620201 http://blog.csdn.net/ll原创 2018-02-02 10:46:05 · 698 阅读 · 0 评论 -
CSS盒模型
一、什么是盒模型每个元素都看成一个盒子,盒子模型是由content(内容)、padding(内边距)、margin(外边距)和 border(边框)这四个属性组成的。 二、盒模型的分类盒模型有标准盒子模型和IE盒子模型 (一)标准盒子模型 元素的width=content的宽度 设置方式:box-sizing:content-box (二原创 2018-01-31 22:53:15 · 159 阅读 · 0 评论 -
定位和浮动
一、position的属性(5个) 文档流:文档流指的是元素排版布局过程中,元素会自动从左往右,自上而下的流式布局。 (一)absolute (绝对定位) 1.使元素完全脱离文档流; 2.相对于 static 定位以外的第一个父元素进行定位,且逐层上找,直到document (二)fixed (固定定位) 固定定位的元素总是相对原创 2018-01-31 17:01:36 · 219 阅读 · 0 评论 -
display属性
display的属性 一、关于diaplay:none(一)让一个元素隐藏的方法(比较常见的5种)diaplay:none visibility:hiddenopacity:0.hide { //将元素移出可视区 position: absolute; top: -9999px; left: -9999px; }将元素的宽度和高度设置为0原创 2018-01-31 13:42:29 · 4011 阅读 · 1 评论 -
CSS3新特性
CSS3新特性CSS3的特性那么多该从哪里说起了?很显然这道题目是有陷阱的,你不可能将所有的特性一个不漏的说出来,就算你说出来,别人还认为你是背的了!所以你主要讲一下在项目中经常用到的Css3的属性就可以 ,以第一人称来回答这个问题,例如:在我们的项目中经常用CSS3中的XX属性来实现XX特效。 一、圆角使用 CSS3 border-radius 属性,你可以给任原创 2018-01-30 11:48:55 · 519 阅读 · 0 评论