CSS基础知识梳理

对于初学者来说,一些基础概念容易混淆,自己一边学习一边整理,一直在更新之中,若有错误或需要更改至之出,希望及时评论。

css3时2010年推出的,

         属性选择器是通过属性来选择标记,这些属性既可以是标准属性,也可以是自定义的属性。给元素定义属性值时可以任意定义属性。

如果没有为元素设置属性值,那他的值就是auto关键字

px:长度单位,表示浏览器上一个像素的大小

em:1em表示其父标记中字母m的标准宽度

ex:1ex表示字母x的标准高度

类和ID选择器:一个网页中的class属性可以定义多个,但ID属性只能定义一个。

伪类选择器:link与visited只对超链接起作用

    :link表示对为访问的超链接应用的样式

    :visited表示对已经访问过的超链接应用的样式

    :hover表示对鼠标所停留的元素应用的样式

    :active表示对用户正在单击的元素应用的样式

伪元素选择器:

    :first-letter:该选择器对应的CSS样式对指定对象内的第一个字符起作用

    :first-line:对该选择器对应的CSS样式对指定对象内的第一行内容起作用

    :before:用于在指定对象内部的前端插入内容

    :after:用于在指定对象内部的尾端插入内容

CSS属性设置:

align:规定div中内容的水平对齐方式

border-style:设置边框样式 可设置部分线条样式

border-color:设置边框颜色  可设置部分线条颜色

border-width:设置边框宽度medium:默认边框宽度 thin thick length指定具体宽度,常用

border-collapse:边框的合并,默认值为separate(分离)

background:可以将属性值写在一行,并以空格隔开

background-img:url设置背景图片的地址

background-repeat:设置平铺方式     有五种

background-attachmen:fixed:将背景图像固定在页面的可见区域  scroll:背景图像跟着页面一起滚

background-position:设置背景图像的位置

clear:设置元素的侧面是否允许有其他元素,一般用来清除浮动

background-color:设置背景颜色,transparent:表示背景颜色透明

color:表示具体的颜色值,方法有英文单词,RGB,十六进制数,HSL

cursor:可以为某些按钮或区域定义鼠标光标移上去鼠标的形状 pointer为小手形状

display:设置显示的方式  none:表示此元素不再被显示,block:表示此元素为块级元素,前后带有换行符,inline:此元素为内联元素(行内元素),前后无换行符,

font-size:设置字体大小

font-family:设置字体属性

float:设置浮动

line-height:设置行高

list-style:简写属性,把所有属性设置在一个声明中

list-style-image:将图像设置为列表项标志

list-style-position:设置标志在文本以内还是文本以外

list-style-type:设置标志类型

margin-top:是CSS属性,表示当前元素距离相邻元素或者其父元素的顶部的距离 auto指自适应   接受负值与auto

padding:设置内边距  不接受负值与auto

position:设置定位static:无特殊定位,使用该属性时,top,right,left,bottom等属性设置无效;absolute:设置绝对定位,使用top,right,bottom,left等属性指定绝对定位,使用该属性可以使元素漂浮于页面之上。fixed:绝对定位,且元素位置固定,不随滚动条的移动二改变定位。relative:相对定位

rowspan:表格的合并,多行合并为一行

colspan:表格的合并,多列合并为一列

text-decoration:设置文字装饰

text-align:设置文字的水平对齐方式  justify:设置两端对齐

text-indent:设置段首缩进属性,允许负值

猜你喜欢

转载自blog.csdn.net/qq_41357573/article/details/81236669