您的位置:首页 > Web前端 > CSS

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)

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: