首页 > 代码库 > CSS基础
CSS基础
1.三种引用CSS的方式:1。行内样式表:在标签中使用style="样式"不利于样式复用,优先级最高 2.内部样式表:在head中以 <style type="text/css"><style>形式使用,不利于多页面样式复用 3.外部样式表:<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/路径"
2.常用选择器:1class选择器 2ID选择器 3标签选择器 4后代选择器 5子代选择器 6交集选择器 7并集选择器 8.通用选择器
3.CSS常用文本属性 字体字号 :font-size字号 font-family字族 font-weight粗细 font-style是否倾斜 简写 font: 是否倾斜 粗细 字号/line-height 字族
4.color 颜色 line-height行高 text-align块级标签中的行级元素位对齐方式 letter-spacing字符间距 text-decoration 文本修饰 overflow超出文本的文字处理方式
省略号的设置:1white-space:nowrap 2overflow:hidden 3text-overflow:ellipsis
text-indent:首行缩进 border:1px solid red 边框1像素 实线 红色 position:absolute/relative;left:1px top:1px绝对/相对位置距左和上1px padding:上右下左顺时针间距(字离边框)
float:浮动方式
5.CSS背景属性 background-color背景色 backround-img:url(路径)背景图 background-repeat:背景图重复形式 background-position: 水平 垂直 背景位置,上和左为负 background-size:背景图大小
6.伪类选择器
1. :link未选中状态 :visited已选中状态 :hover鼠标指上状态 :active激活选定状态 :focus聚焦状态
CSS基础