CSS的属性与选择器

html和css

CSS选择器

‘#’为id选择器:
#id名{
background-color:red;
...
}
'.'为类选择器(最常用):
.类名{
backround-color:red;
...
}
标签选择器:
div标签名{所有得div标签全部设置这个样式
background-color:red;
... }
层级选择器:(层级筛选 空格隔开)
标签名/类名/id名 标签名/类名/id名{
backgroudn-color:red;
}
组合选择器:(所以得id,类标签都用同一个样式 逗号隔开)
标签名/类名/id名,标签名/类名/id名{
background-color:red;
}
属性选择器:(input下type值为text得标签样式,对选择到得标签在通过属性筛选) 标签名[属性=“属性值”]{ background-color:red; } input[type="text"]={ background-color:red; } 选择器得优先级:标签上style优先,编写顺序,就近原则。
引入css文件

边框
border:1px(线得宽度) dotted(虚线)/solid(实线) red(颜色); border-left(左边加线),border-rigth(右边),border-bottom(下边),border-top(上方)
宽度:
200px/80%(宽度可以固定宽度也可以写百分比)
text-align:center;(字体居中)
line-height:48px;(放在48px中间位置)
font-weight:blod/200(设置字体加粗) color:red(字体颜色)
float:(飘,两个块级别放到一起用float,将两个标签放在一行)
当所有子类对象没有撑起父类div得时候可以使用

实线将子类div装进父类div
display:(inline/block/none)
行内标签:无法设置高度,宽度,padding margin
块级标签:设置高度,宽度,padding,margin
padding margin(0,auto):
margin(外边距) margin:0 auto;去掉边距 padding(内边距)
position:fixed left right top bottom;(固定在窗口得某个位置) absolute固定位置
relative相对布局
overflow:hidden(超过范围隐藏) auto(滚动条)
hover:
.类名:hover{ css属性 获取到焦点是执行 background-color:red; }
background:
background-repeat:no-repeat不重复
background-position-x background-position-y 用于移动图片
background-position:10px 10px;

原文地址:https://www.cnblogs.com/dcotorbool/p/8508476.html