对于初学者来说,一些基础概念容易混淆,自己一边学习一边整理,一直在更新之中,若有错误或需要更改至之出,希望及时评论。
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:设置段首缩进属性,允许负值