![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 67
记录一些css常用的使用属性
堵车了
这个作者很懒,什么都没留下…
展开
-
9.css的定位
1.定位的组成定位是由定位模式和边偏移来组成定位模式是由position来指定。模式值静态定位static相对定位relative绝对定位absolute固定定位fixed粘性定位sticky边偏移是由top、bottom、left 和 right 属性来指定(使用这四个属性必须先有position属性,否则不生效)2.五种定位模式特性1.静态定位(很少用)position: static;特点:元素默认的定位方式,没有脱离标准原创 2021-09-16 16:36:16 · 104 阅读 · 0 评论 -
8.css的浮动特性
1.css元素浮动的特点浮动的元素会脱离标准流(不再占用原先位置,浮动到指定位置)浮动的元素具有行内块元素的特点(但是两个元素之间无默认外边距,紧贴在一起)浮动的元素会与父元素的顶部对齐2.清除浮动原因:父元素在没有设置高度的情况下,让子元素都添加浮动特定,会导致父元素的高度坍塌(没有高度了),影响原本的布局。注意:若父元素设置了高度,则不会出现父元素高度<!DOCTYPE html><html lang="en"><head> <met原创 2021-09-16 09:47:18 · 320 阅读 · 0 评论 -
7.css内外边距设置
1.常用写法总结常用属性说明margin设置外边距,让容器居中对齐,常用的写法:margin: 0 auto;padding设置内边距,注意:设置内边距会改变原有容器的大小2.代码示例<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE原创 2021-09-03 11:45:43 · 1554 阅读 · 0 评论 -
6.css常用的边框属性
1.常用边框属性总结边框属性说明border-style指定边框的类型,常用的有solid(实体) dashed(虚线) none(默认,无边框)border-width指定边框的宽度,注意它会扩大原有的容器大小,如果设置了该属性,想容器大小不变必须改变其长宽border-color指定边框的颜色border-radius设置圆角边框2.代码示例<!DOCTYPE html><html lang="zh-CN"><原创 2021-08-11 11:47:56 · 170 阅读 · 0 评论 -
5.css的常用背景属性
1.常用背景属性总结背景样式说明background-color设置背景颜色background设置背景颜色和透明度background-image设置背景图片background-repeat设置背景图片是否铺满,默认背景图片重复铺满整个容器,repeat-x(水平重复) repeat-y(垂直重复) no-repeat(不重复)background-position设置背景图片在容器中的位置background-attachment设置背景原创 2021-08-10 16:08:05 · 141 阅读 · 0 评论 -
4.css常用的文本属性
1.文本常用属性总结文本样式说明color给文本添加颜色,可以是颜色名,16进制(#111aaa)或rgbtext-align设置文字的水平对齐方式,center,left,righttext-decoration装饰文本,underline(有下划线),none(去除下划线,a标签常用)text-shadow给文本添加阴影效果,四个参数分别代表水平阴影,垂直阴影,阴影的模糊度,阴影的颜色line-hight设置行高,一个非常特殊的用途是设置一行在容器原创 2021-08-10 13:53:05 · 112 阅读 · 0 评论 -
3.css常用的字体(font)属性
1.常用字体样式属性总结字体样式说明font-family设置文本的字体,常用的是微软雅黑,可设置多个font-size设置字体的大小,可以使px 和em (1em表示当前一个字体的大小), 一般是16pxfont-weight设置字体的粗细,数字越大越黑font-style设置字体的展示样式,常用的主要有两个italic(倾斜) normal(正常)2.代码示例<!DOCTYPE html><html lang="zh-CN"&g原创 2021-08-10 10:55:29 · 343 阅读 · 0 评论 -
2.css的元素显示模式
1.块级元素必记的特点:独占一行有高度和宽度,宽度不设置默认占一整行(weight:100%),同时可以控制外边距和内边距块级元素里面可以存放块级元素和行内元素常见的块级元素有:div、form、h1~h6 、p、ul、li等<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co原创 2021-08-04 20:08:11 · 85 阅读 · 0 评论 -
1.css常用的选择器
1.css选择器的作用css选择器的作用就是根据需求的不同把不同的标签选出来。其可以分成简单选择器和复合选择器2.常用的简单选择器通用选择器<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"原创 2021-08-04 19:50:50 · 127 阅读 · 0 评论