首页 > 代码库 > 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基础