css
文章平均质量分 51
Ackerly
这个作者很懒,什么都没留下…
展开
-
sass学习笔记
后缀名为sass与后缀名scss的区别 sass不用区分大括号和分号,scss与css文件格式差不多 例子: sass语法: $font-stack: Helvetica, sans-serif //定义变量 $primary-color: #333 //定义变量 body font: 100% $font-stack color: $primary-c原创 2018-01-22 17:31:17 · 321 阅读 · 0 评论 -
图片并排
图片并排遇到的问题本来想实现4张图片并排显示,于是将图片放置div里面,设置div宽度,然后设置图片宽度为25%,原以为会并排显示,但是出现了一点问题。下面是我的代码和效果:代码:效果:可以看到并没有排在一起,因为图片之间出现了空隙,于是我去查看盒子模型,看哪里出现问题但是盒子模型并没有多余的margin和pandding,百思不得其解,于是我去网上进行提问,然后给出的答案是内联元素出车会产生空格...原创 2018-03-31 12:24:34 · 2034 阅读 · 0 评论 -
关于浮动
浮动在前端布局经常用到,有时也会带来问题,所以需要弄清浮动会带来什么问题,然后就是如何清除浮动了。浮动元素脱离文档流,因此父级元素无法被撑开,出现“高度坍塌”示例:接下来就是清除浮动了,清除浮动的方法有多种第一种就是在最后面添加一个div,设置属性clear:both示例:效果:优点是简单,代码少,浏览器支持好,不容易出现怪问题缺点就是需要添加无意义的div标签第二种就是定义伪类:after和zo...原创 2018-03-28 12:23:00 · 212 阅读 · 0 评论 -
布局居中
水平居中,垂直居中,水平垂直居中常常会用到,实现方式不止一种,下面一一介绍1、水平居中第一种是使用text-align: center,但是只对内联元素和文字元素居中,块级元素无法居中代码:效果:可以看到div并没有居中,但是里面的文本居中,内联元素span则是居中那么块级元素如何实现居中呢?可以给块级元素设置宽度,然后margin-left和margin-top设置为auto代码:效果:可以看到...原创 2018-03-28 16:54:36 · 1323 阅读 · 0 评论 -
link和@import的区别
页面使用css样式方式有三种,分别是行内样式,内嵌调用,外部链接调用,外部链接调用有两种,分别是link和@import。不同的使用方式优先级也不同,行内样式>内联样式>外联样式>导入样式。同样是外链调用,link和@import有什么区别呢?1、link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。2、link引用...原创 2018-04-06 17:50:07 · 194 阅读 · 0 评论 -
flex学习笔记
flex是弹性布局,使用flex布局需要注意浏览器兼容性问题,需要IE10以上的浏览器才支持这个属性。flex跟传统布局不一样,没有块级和内联的概念。flex由两部分组成,父容器flex container,子元素flex item。另外一个flex有主轴和侧重,里面元素的排列方式是基于主纵轴排列的。弹性布局下float不生效,相邻margin不重叠,column不起作用,clear属性...原创 2018-05-28 00:34:56 · 1135 阅读 · 0 评论