![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
灬宣
这个作者很懒,什么都没留下…
展开
-
CSS3选择器
新增基本选择器选择器概念语法格式兼容性子元素选择器选择某个元素的子元素父元素>子元素IE8+、FireFox、Chrome、Safari、Opera相邻兄弟选择器选择紧接在元素后的兄弟元素,它们具有同一父元素元素+兄弟相邻元素IE8+、FireFox、Chrome、Safari、Opera通用兄弟选择器选择元素后面的所有兄弟元素,它们具有同...原创 2019-07-24 11:40:05 · 56 阅读 · 0 评论 -
隐藏页面元素的常用方法
隐藏页面元素的四种方法Opacity将一个元素的opacity的属性值设置为0,也就是将元素设置为完全透明。元素依然存在页面上,会影响页面布局。元素绑定的事件依旧可以正常触发,读屏软件会阅读元素中的内容。属性可继承,子元素也可以通过改动自身的opacity属性值来实现可见。Visibility将一个元素的visibility的属性值设置为hidden。元素依然存在页面上,会影...原创 2019-08-15 10:03:42 · 876 阅读 · 0 评论 -
CSS中的position定位
position的属性属性名称作用static自然模型使元素定位于自然流中relative相对定位模型可定位的祖先元素absolute绝对定位模型使元素脱离常规流fixed固定定位模型使元素脱离常规流sticky磁贴定位模型relative与fixed的完美结合,制造出吸附效果position 5个属性的特点stati...原创 2019-07-22 19:59:29 · 163 阅读 · 0 评论 -
清除浮动防止高度塌陷
元素使用浮动以后会脱离普通流,导致浮动溢出这时候就需要清除浮动方法一:在浮动元素后添加一个空元素,并且写一行CSS代码clear:both。例如<div class="clear" style="clear:both"> <div>方法二:给浮动元素的容器添加一行CSS代码 overflow:hidden。方法三:使用CSS3的伪元素:after。并且在CSS...原创 2019-07-22 18:23:02 · 119 阅读 · 0 评论 -
CSS3动画
CSS3动画概念使元素从一种样式逐渐变化为另一种样式的效果。兼容性IE10+、Firefox16+、Chrome43+、Safari9+、Opera30+、Android(-webkit-)CSS3 animationanimation-name属性概念检索或设置对象所应有的动画名称。语法animation-name:keyframename | none;...原创 2019-07-26 10:45:58 · 427 阅读 · 0 评论 -
CSS知识整理
CSS(Cascading Style Sheets)层叠样式表CSS使用方法类别引入方法位置加载行内样式在开始标签的style属性中HTML文档内同时内部样式在<head>标签中的<style>标签内部HTML文档内同时外部样式在<head>标签中用<link>标签引入CSS样式文件中页面加...原创 2019-07-22 15:36:21 · 119 阅读 · 0 评论 -
CSS3过渡
过渡概念允许CSS属性值在一定的时间区间内平滑地过渡,在鼠标点击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。兼容性IE10+、Firefox16+、Chrome26+、Safari6.1+、Opera12.1+transition-property属性概念检索或设置元素中的参与过渡的属性。属性值属性值描述none没...原创 2019-07-25 20:12:26 · 306 阅读 · 0 评论 -
CSS3转换
transform属性概念让元素在一个坐标系统中变形,这个属性包含一系列变形函数,可以移动、旋转和缩放元素。兼容性IE10+、FireFox16+、Chrome36+、Safari16+、Opera23+2D转换rotate属性值概念通过指定的角度参数对原元素指定一个2D旋转。语法transform:rotate(角度);(正数表示顺时针旋转,负数表示逆时针旋转)tr...原创 2019-07-25 16:14:26 · 209 阅读 · 0 评论 -
CSS3文本效果
CSS3文本阴影text-shadow属性概念设置文本的阴影。语法text-shadow:h-shadow v-shadow blur color;属性值属性值取值描述h-shadowlength阴影在水平方向上的偏移量v-shadowlength阴影在竖直方向上的偏移量blurlength阴影模糊的效果color#xxxxx...原创 2019-07-25 10:18:05 · 73 阅读 · 0 评论 -
CCS3背景与渐变
CSS3背景背景图像区域background-clip属性概念:指定背景的绘制区域。属性值属性值描述border-box从边框开始显示背景图像padding-box从内边距开始显示背景图像content-box从内容区开始显示背景图像兼容性IE9+、FireFox、Chrome、Safari、Opera背景图像定位backgro...原创 2019-07-24 20:26:59 · 767 阅读 · 0 评论 -
CSS3边框与圆角
CSS3圆角border-radius属性概念一个最多可指定四个border-*-radius属性的复合属性,这个属性允许你为元素添加圆角边框。语法border-radius:length|% length|% length|% length|%(4个属性值只能为长度或者百分比)兼容性IE8+、FireFox4+、Chrome、Safari5+、Opera多个值的时...原创 2019-07-24 16:22:28 · 188 阅读 · 0 评论