码迷,mamicode.com
首页 > 其他好文 > 详细

第五章笔记

时间:2017-11-12 16:31:24      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:chrome   osi   注意   pos   伪类   图片路径   url   字体   方向   

第五章 CSS常用属性
1. span标签
突显,强调局部文字的作用.
2.字体样式
font-size: 字体大小
font-style:normal,italic(倾斜)
font-weight:normal,bold(加粗)
font-familty:字体类型(楷体)
font:样式 粗细 字体大小 字体类型.
3.文本样式
color: 文本样式
text-align: 水平对齐方式(left,center,right)
text-indent: 首行缩进
line-height: 行高
text-decoration: 文本装饰
(underline,overline,line-through)
vertical-align: 垂直对齐方式(top,middle,bottom)
text-shadow: 颜色 x轴偏移量 y轴偏移量 阴影模糊范围; //文本阴影
4.超链接伪类样式
a:link //未点击访问过样式
a:visited //访问过样式
a:hover //鼠标悬浮样式
a:active //鼠标按下未松开样式
5.列表样式
list-style-type: cricle..
list-style-image: url(图片路径)
list-style-position:inside|outside 样式位置.
6.背景样式
background-color: 背景颜色
background-imgage:url(图片路径)
background-repeat:no-repeat,repeat..(图片重复方式)
background-position:px,百分比,left..(图片位置)
background:颜色 图片 位置 重复方式
background-siez:cover(充满背景)|contain (图片尺寸)
7.渐变
backgournd:linear-gradient(渐变方向,开始颜色,结束颜色)
注意:兼容性
IE浏览器是Trident内核,加前缀:-ms-
Chrome浏览器是Webkit内核,加前缀:-webkit-
Safari浏览器是Webkit内核,加前缀:-webkit-
Opera浏览器是Blink内核,加前缀:-o-
Firefox浏览器是Mozilla内核,加前缀:-moz-
例:
background:-webkit-linear-gradient(left bottom,red,blue);



第五章笔记

标签:chrome   osi   注意   pos   伪类   图片路径   url   字体   方向   

原文地址:http://www.cnblogs.com/hh9421/p/7821788.html

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