随笔分类 -  CSS

上一页 1 2 3
css3之border-radius理解
摘要：CSS3提供了5种圆角属性 border-radius ：同时设置4个边框的圆角样式。 border-top-left-radius ：设置左上角边框的圆角样式。 border-top-right-radius ：设置右上角边框的圆角样式。 border-bottom-left-radius ：设置 阅读全文
posted @ 2020-04-08 21:24 全情海洋 阅读(1397) 评论(0) 推荐(0)
css3 box-shadow阴影(外阴影与外发光)讲解
摘要：基础说明： 外阴影：box-shadow: X轴 Y轴 Rpx color; 属性说明（顺序依次对应）： 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值（大小） 阴影的颜色 内阴影：box-shadow: X轴 Y轴 Rpx color inset; 默认是外阴影 内阴影：ins 阅读全文
posted @ 2020-04-08 21:03 全情海洋 阅读(800) 评论(0) 推荐(0)
CSS盒模型详解
摘要：前言 1.盒模型、盒子模型、框模型（box model） - CSS将页面中的所有元素都设置为了一个矩形的盒子 - 将元素设置为矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置 - 每一个盒子都由一下几个部分组成： 内容区（content） 内边距（padding） 边框（border） 阅读全文
posted @ 2020-04-08 21:01 全情海洋 阅读(679) 评论(0) 推荐(0)
深入学习css伪类和伪元素及其用法
摘要：前言 CSS的伪类和伪元素在平时的代码中经常会出现，可是一旦别人问你，什么是伪类，什么是伪元素，可能还是不能完整的表述出来，下面我们来一探究竟。 伪类和伪元素定义 伪类用于在页面中的元素处于某个状态时，为其添加指定的样式。 伪元素会创建一个抽象的伪元素，这个元素不是DOM中的真实元素，但是会存在于最 阅读全文
posted @ 2020-04-08 20:10 全情海洋 阅读(341) 评论(0) 推荐(0)
CSS3：RGBA的使用方法
摘要：1.说明 此色彩模式与RGB相同，只是在RGB模式上新增了Alpha透明度。 RGBA(R,G,B,A) 2.取值 R： 红色值，正整数值的取值范围为：0 - 255，百分数值的取值范围为：0.0% - 100.0%。 G： 绿色值，正整数值的取值范围为：0 - 255，百分数值的取值范围为：0.0 阅读全文
posted @ 2020-04-08 19:59 全情海洋 阅读(628) 评论(0) 推荐(0)
css浮动
摘要：浮动 性质1：浮动的元素脱标 脱标即脱离标准流。我们来看几个例子。 证明1： 上图中，在默认情况下，两个div标签是上下进行排列的。现在由于float属性让上图中的第一个<div>标签出现了浮动，于是这个标签在另外一个层面上进行排列。而第二个<div>还在自己的层面上遵从标准流进行排列。 证明2： 阅读全文
posted @ 2020-04-08 19:41 全情海洋 阅读(192) 评论(0) 推荐(0)
CSS属性：定位属性（图文详解）
摘要：CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 --> 下面逐一介绍。 相对定位 相对定位：让元 阅读全文
posted @ 2020-04-08 19:08 全情海洋 阅读(564) 评论(0) 推荐(0)
简单理解vertical-align属性和基线
摘要：vertical-align属性主要用于改变行内元素的对齐方式，对于行内布局影响很大，如果不了解的话，我们开发调整样式的时候很容易出错。 网上关于这个属性的原理说得很是复杂，看一眼就让人觉得望而生畏，而且大可不必完全理解其原理，只要懂得其规律，我们足够使用即可，下面把我的理解分享给大家： 基线 要了 阅读全文
posted @ 2020-04-08 18:41 全情海洋 阅读(874) 评论(1) 推荐(1)
display和visibility，（height: 0; overflow: hidden;）区别
摘要：一、空间占据 display: none; 是彻底消失，不在文档流中占位，浏览器也不会解析该元素 visibility:hidden; 是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素； 使用visibility:hidden比display:none性能上要好，dis 阅读全文
posted @ 2020-04-08 16:27 全情海洋 阅读(633) 评论(0) 推荐(0)
css居中div的几种常用方法
摘要：在开发过程中，很多需求需要我们居中一个div，比如html文档流当中的一块div，比如弹出层内容部分这种脱离了文档流等。不同的情况有不同的居中方式，接下来就分享下一下几种常用的居中方式。 1.text-align:center方式 代码： 1 2 3 4 5 <div class="center"> 阅读全文
posted @ 2020-04-08 15:12 全情海洋 阅读(1155) 评论(0) 推荐(0)

上一页 1 2 3