学习css即为学习css选择器和css属性,选择器可以看作标签名称,属性即花括号内部的属性
1.css格式:
<style type="text/css">
标签名称{
属性名称:属性对应的值;
......
}
</style>
注意点:
*style标签必须写在head标签的开始标签和结束标签之间
* style标签中的type属性可以不必写,默认值为text/css
* 设置样式时,必须按照固定的格式,即: key: value; 其中“:”和“;”不能省略
2.文字样式属性
格式: font_style: italic;
取值:
* normal: 正常文字;默认值
* italic:倾斜文字
3.文字粗细属性
格式:font-weight: bold;
单词取值:
* bold:加粗
* bolder:比加粗更粗一些
* lighter:细线,默认值
数字取值:
* 100~900之间整百的数字
4.文字大小属性
格式:font-size:20px;
注意点:取值单位为像素,通过font-size设置文字大小一定要带单位
5.文字字体属性
格式:font-family: 微软雅黑;
注意点:默认宋体,如果取值是中文,要用" "或者‘ ’括起来;设置的字体必须是用户电脑内部已经装好的字体
6.字体不存在系统会默认显示宋体,设置备选字体:
格式:font-family:"哈哈字体","微软雅黑";
注意点:可以设置多个备选字体;
7.给中文和英文分别单独设置字体:
格式; font-family:"Arial","微软雅黑";
注意点:
* 中文字体都包含了英文,英文字体不包含中文,即:中文字体可以处理英文,英文字体不处理中文
* 如果给界面中的英文单独设置字体,那么英文的字体必须放在前面,即font-family:"Arial","微软雅黑";
*中文字体都有英文名称,因此并不是名称是英文就是英文字体,是不是中文字体要看是不是可以处理中文
*在企业开发中常用字体:宋体/黑体/微软雅黑/Arial/Times New Roman
8.css文字属性缩写
如果要同时编写几个属性:
格式: font:style weight size family;
例如:font:italic bold 100px "微软雅黑";
注意点:style和weight是可以省略的,并且是可以交换位置的,size和family是不可以省略的,并且不可以交换位置
9.文本装饰属性
格式:text-decoration:underline
取值:
* underline:下划线
* line-through:删除线
* overline:上划线
* none:什么都没有,常见用途:用于去掉超链接的下划线
10.文本水平对其属性
格式:text-align
取值:right left center
11.文本缩进属性
格式:text-indent:2em;
注意点:em是单位,一个em代表缩进一个文字的宽度;
12.颜色属性
格式:
* 通过英文单词赋值:一般情况下常见的都有英文单词 color:red;
* 通过rgb赋值:是三原色 color:rgb(0,0,0)
灰色:红色,绿色,蓝色的值相等,越大越偏白色,越小越偏黑色
* 通过rgba赋值:css3推出,a代表透明度,控制颜色透明程度,取值0-1,越小越透明 color:rgba(0,0,0,0)
* 通过十六进制赋值:本质是rgb,每两位表示一个颜色 #FF00AA FF代表R 00代表G AA代表B
* 通过十六进制缩写赋值: 在css中十六进制的颜色每两位的值是相同的,可以简写,#FF0000可以简写为#F00(每个颜色的两位相同即:#FEE001)