常见的CSS样式
常见的css样式
color 文字颜色
background-color 背景颜色
opacity 设置透明度
颜色: 光的三原色: 红 绿 蓝
三种颜色表示法:
名词表示法: red green blue
16进制颜色表示法: #000000 十六进制 0 --- f
# ff(红色) 00(绿色) 00(蓝色)
十进制颜色表示法:
rgb(255红,255绿,255蓝) 取值范围 0 --- 255
rgba(255红,255绿,255蓝,0.5透明度) 取值范围 0 --- 255
a 表示透明度 取值范围 0-1之间 0代表完全透明 1代表不透明
opacity 与 rgba() 设置透明度的区别:
opacity:表示所有内容都更改透明度
rgba():表示只有背景颜色透明
尺寸:
width:宽 常见的计量单位: px(像素) %(百分比) em(字体单位)
height:高
min-width 最小宽度
max-width 最大宽度
字体:
font-size: 设置字体大小 浏览器默认的普通文字大小为16px 最低设置文字大小为8px 一般默认最低为12px 最大不限
font-style: 设置字体样式 normal表示普通体文字 italic表示斜体文字
font-weight: 设置字体粗细 normal表示普通体文字 bold表示粗体
font-family: "楷体"; 设置字体名称 设置的字体必须是电脑上已经安装过的字体
文本、段落
text-align: 设置文本的水平对齐方式 默认 left 左对齐 可以设置成 center 居中对齐 right 右对齐
text-indent:设置文本的首行缩进 一般中文段落都会设置成2em 代表首行缩进两个字符
line-height:设置行高,如果行高比文字的高度要多,那么剩余空间会在文字上下两端平均分配
如果设置单行文本在该标签内垂直居中,则直接可以设置行高等于标签的高度
text-decoration 设置文本修饰
none 表示没有任何修饰 通常用于去掉超链接的下划线
underline 设置文本下划线
line-through 设置贯穿线 也叫删除线
overline 设置文本上划线
vertical-align 设置元素的垂直对齐方式
top 表示设置顶线对齐
baseline 表示设置基线对齐
middle 表示设置中线对齐
bottom 表示设置底线对齐
背景:
background-color 背景颜色
background-image 背景图片
url("") 来引入一张背景图 默认背景图是以平铺的方式显示
background-repeat 设置背景图片的平铺方式
repeat 平铺
no-repeat 不平铺
repeat-x 水平平铺
repeat-y 垂直平铺
round 环绕
background-size 设置背景图片的尺寸
background-position 设置背景定位
left top right bottom center
设置以下两个样式 可以将一张背景图完全覆盖整个标签
background-repeat: round;环绕
background-size: cover;覆盖
最新文章
- lucene历史版本地址
- Android studio debug模式获取变量的值
- wordpress 导航相关的函数
- JS初学者必备的几个经典案例(一)!!!
- 在Android Studio 中正确使用adil ”绝对经典“
- IE 不兼容的几个js问题及解决方法
- Cookie API
- hdu1695:数论+容斥
- art.dialog
- ulimit 参数介绍
- hdu_3341_Lost's revenge(AC自动机+状态hashDP)
- c#访问存储过程
- 移动端https抓包那些事--初级篇
- 201621123031 《Java程序设计》第2周学习总结
- css选择器应用
- python中导入一个需要传参的模块
- Bootstrap栅栏布局里col-xs-*、col-sm-*、col-md-*、col-lg-*之间的区别及使用方法
- ubuntu-12.04.4-alternate-i386安装
- SpringMVC原理&;MVC设计思想
- 在 Windows Server 2008 中部署带 SignalR 的网站出错