![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css常用属性
£無知***
这个作者很懒,什么都没留下…
展开
-
文本修饰
CSS常用属性选择器一、元素选择器* 全选html 标签#id 带有id对应值的HTML标签.class 带有class对应值的HTML标签二、关系选择器后代选择器 --> 祖先元素 后代 .父子选择器 --> 父元素 > 子元素普通兄弟选择器 ...原创 2019-07-24 22:54:43 · 207 阅读 · 0 评论 -
盒子模型
盒子模型两种盒模型:1.内容盒子:content-box标签内容的大小不变,标签的 总宽度 = 内容的宽+内边距+边框的总和2.边框盒子:border-box标签的总宽度保持不变,把内边距和边框的大小计算在内容的大小之内组成元素:margin :边框与其他盒子的距离 margin变大 盒子不会变化,盒子与盒子之间的距离会变大padding :是边框与内容区域的距离 标准盒子 pa...原创 2019-08-09 21:43:13 · 195 阅读 · 0 评论 -
定位/布局
定位(position)一、静态定位(static)static:静态位置属性注意:元素没有脱离文档流,为默认值。二、相对定位(relative)relative:参照自身文档流中的位置进行偏移注意:自身不脱离文档流,定位后原来的位置不会被其他元素所占据。三、绝对定位(abosult)abosult:参照离自身最近的定位祖先元素进行定位。注意:定位后元素脱离文档流,位置被其他元素...原创 2019-08-09 21:52:03 · 245 阅读 · 0 评论 -
选择器
选择器一、元素选择器* 全选html 标签#id 带有id对应值的HTML标签.class 带有class对应值的HTML标签二、关系选择器后代选择器 --> 祖先元素 后代 .父子选择器 --> 父元素 > 子元素普通兄弟选择器 --...原创 2019-08-09 21:54:06 · 189 阅读 · 0 评论 -
弹性布局
CSS常用属性弹性布局display:flex;弹性布局改变容器内部的布局方式:从流式布局 —> flex布局主轴:默认为盒子水平方向,可以通过属性改变主轴方向。交叉轴:与主轴垂直的即是交叉轴。属性flex-direction:容器内项目的排列方向(默认横向排列) 常用取值: row : 水平排列(左 —> 右) row-reverse:水平排...原创 2019-08-09 23:03:06 · 148 阅读 · 0 评论 -
媒体查询
CSS常用属性媒体查询语法格式:@media 媒体设备 and (条件){ 选择器{ 属性 : 值; } }@media : 表示媒体查询媒体设备:screen:电脑、手机、平板 speech:阅读设备 all:所有设备and:链接符号(并列条件)条件:pc端 —> ap端 使用最大宽...原创 2019-08-09 23:16:03 · 79 阅读 · 0 评论 -
过渡
CSS常用属性过渡transition 有多个值作用:在某个时间段可以显示css中某个属性值的变化过程语法 transition:属性 时间,属性 时间;值为 all 表示选中所有属性属性:1. transition-property 表示过渡属性2. transition-duration 表示过渡属性所需时间3. transition-delay 表示过渡的开始时间...原创 2019-08-10 09:19:49 · 106 阅读 · 0 评论 -
动画
CSS常用属性动画定义动画:(一)普通定义动画 @keyframes 动画名字 { from{ 初始样式 } to{ 改变后样式 } }(二)百分比定义动画 @keyframes 动画名字 { 百分比{...原创 2019-08-10 09:30:57 · 126 阅读 · 0 评论