CSS和常用属性总结

时间：2023-03-31 11:34:45 CSS

CSS总结什么是CSSCss是层叠样式表，一种可以修改和渲染网页的技术。如何在网页中使用CSS1。直接使用（不推荐）原因：标签中的属性比较多，在页面上会造成混乱，不能重复使用。通过标签上的style属性为div设置样式边框：2pxsolidred字体大小：26px背景颜色：pink这个是一个div...

`这是一个div...

`2.在中通过3.在Introducecssfileintohtmlxx.cssfile@charset"utf-8";中使用link链接引用外部CSS文件；span{边框：2px纯蓝色；字体大小：22px；背景：红色；}CSS选择器1.通过元素名称选择指定名称（标签名）所有选择的标签span{}div{}2.类选择器每个标签可以设置一个类属性值，通过选择类的值来选择。.s1{}.s2{}*如果标签的class值由多个组成，s2的设置会覆盖s1的设置。3、id选择器也可以根据id的属性值来选择标签。#d1{}#d2{}4。后代选择器格式：祖先和后代{}divp{/*匹配div中的所有p标签*/}公共属性text属性1.text-align：设置文本内容在元素中的对齐方式。2.text-decoration：设置文字的下划线方式。3.text-indent：设置文本的缩进，单位：px/%。4.letter-spacing：设置字符间距。5.text-shadow：x（水平位移）x（垂直位移）x（阴影扩散值）x（颜色）；设置文字阴影。字体属性1.font-siez：字体大小。2.font-weight：文字粗细。3.font-family：字体的格式。4.color：字体颜色背景属性background-color：背景色。background-img：设置背景图片，url=""*background-repeat：设置或获取背景图片的排列方式（repeat默认值，repeat-x水平重复，no-repeat不重复）background-position：设置或检索背景图片位置background:背景颜色背景图片背景图片是否重复背景图片边框的位置border-width:2px;--设置元素边框的宽度border-style:solid;--设置元素边框的样式border-color:red;--设置元素外边距的颜色margin：设置元素display属性的外边距display属性用于设置元素的类型；常用值：block：块级元素的默认值默认情况下，宽度和高度可以在一行单独设置//例如：div/p/h1~h6/form/table等元素是块级的elementsinline：内联元素的默认值。默认情况下，多个内联元素可以在同一行中。一般不能设置宽高//例如：span/input/img/i/b等元素都是行内元素inline-block：行内块元素多个元素可以显示在同一行，也可以设置宽度和高度None：表示隐藏元素