![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 75
小栗子的普
这个作者很懒,什么都没留下…
展开
-
less的几种常见编译方法
当写完less文件后,浏览器并不能直接的识别less文件,所以需要先编译一下,有以下几种方法1.可以安装一个koala软件,安装完之后,添加less文件,即可编译出相对应的css文件...原创 2018-12-26 10:13:24 · 3700 阅读 · 1 评论 -
CSS转换,过渡效果和动画
CSS中,有时为了更吸引眼球,可以采用一些动画或拉伸等让元素更具有趣味性1.转换transformtranslate:平移translate(x,y) //x,y轴方向平移例<div class="div"> <div class="div1">&a原创 2018-12-27 21:38:56 · 438 阅读 · 0 评论 -
CSS弹性布局(二)
有6个属性设置在项目上1.order:定义项目的排列顺序。数值越小,排列越靠前,默认为0。例<style> .div{ width: 100%; background-color: green; height: 400px; display: flex; ...原创 2018-12-26 19:43:33 · 238 阅读 · 0 评论 -
CSS弹性布局(一)
弹性布局可以用于做响应式页面的制作使用弹性布局需要使用要display里的flex属性例:让一个div是弹性布局,代码如下.div{ display:flex; }flex里有很多属性,其中设置在容器上的属性有6个1.flex direction:决定主轴的方向(即项目的排列方向)。...原创 2018-12-26 19:28:55 · 4772 阅读 · 0 评论 -
CSS盒子模型
CSS 中 Box Model叫做盒子模型,Box Model规定了元素框处理元素内容,内边距,外边距和边框的方式。在HTML文档中,每个元素都有盒子模型下图中的盒子模型即含有元素,内边距,边框及外边距-内边距padding例:在div中创建一个 小div 内边距为20代码如下<!DOCTYPE html><html lang="en"><head&g...原创 2018-12-01 16:51:36 · 86 阅读 · 0 评论 -
常用的CSS背景属性
1.背景颜色:background-color三种方式-直接写出颜色的英文单词,例如red,blue等-二进制 例如#ffffff #cf28da等-rgba(255,255,255,0.4)第一个参数代表红色第二个参数代表绿色第三个参数代表蓝色第四个参数代表背景的透明度例:<!DOCTYPE html><html lang="en"><he...原创 2018-12-01 15:46:48 · 449 阅读 · 0 评论 -
CSS文本属性
CSS文本属性1.字体大小:font-size例:&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&am原创 2018-12-01 14:45:41 · 3617 阅读 · 0 评论 -
CSS样式选择器
样式的分类1.行内样式:直接在标签里添加样式例:创建一个div,直接在标签里写它的样式 &amp;lt;div style=&quot;width: 200px;height: 200px;background-color: red&quot;&amp;gt;&amp;lt;/div&amp;gt;结果如下2.内部样式:在head标签里创建style标签,在其里面写样式如果要写内部样式或外原创 2018-12-01 11:38:08 · 1552 阅读 · 0 评论 -
CSS浮动与定位
浮动floatfloat是一个非标准流,即不按常规进行布局例 当建立两个div代码如下&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;ti原创 2018-12-04 22:01:00 · 159 阅读 · 0 评论