码迷,mamicode.com
首页 > Web开发 > 详细

CSS基础

时间:2017-03-12 16:27:41      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:背景色   hid   选择   height   样式表   white   site   ora   hit   

1.三种引用CSS的方式:1。行内样式表:在标签中使用style="样式"不利于样式复用,优先级最高    2.内部样式表:在head中以 <style type="text/css"><style>形式使用,不利于多页面样式复用  3.外部样式表:<link rel="stylesheet" type="text/css" href="路径"

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基础

标签:背景色   hid   选择   height   样式表   white   site   ora   hit   

原文地址:http://www.cnblogs.com/jyc226/p/6537998.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!