css初步学习1——css格式,文字处理属性,颜色属性
2017-04-07 16:49
267 查看
学习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)
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)
相关文章推荐
- css初步学习1——css格式,文字处理属性,颜色属性
- css基础学习之文本和颜色属性
- CSS属性之颜色与字体格式
- CSS从基础到熟练学习笔记(三)CSS中的5种背景属性(背景颜色、背景图片、固定背景图片等)
- H5学习笔记——CSS文本设置属性&颜色表示法
- <学习CSS>第三天笔记-css外观属性(颜色、行间距、对齐、首行缩进、字间距、单词间距 、颜色半透明、阴影)快捷方式、综合案例、引入CSS样式表(内部样式表、行内式、外部样式表)、三种样式表总结
- 学习CSS使用技巧教程(6)文字属性
- CSS学习(15)-- 滚动条属性
- CSS学习(5)--文本属性(下)
- CSS学习(6)--背景属性
- CSS手册简编:颜色背景属性
- CSS学习(13)--列表项目属性
- CSS学习(14)--表格属性
- 怎样用css的style分别定义两个超级链接的link,visited,hover颜色属性
- 学习CSS之属性
- CSS颜色和背景属性
- CSS学习(16)--打印属性
- CSS学习(4)--文本属性(上)
- CSS学习之“颜色和背景”
- CSS学习(8)--尺寸属性