发表于: 2018-08-01 22:11:18

2 599


今天完成的事情:

8-1

·Html只能用来添加语义,修改样式需要用到css

·Css格式

<style type=text/css>

标签名称{

属性名称:属性的值;

}

</style>

·Style中的type属性其实可以不用写,默认是type=text/css

·style中的  属性名称:属性的值; 分号不要省略

 

·Css学习重点:css属性,css选择器

·css常见属性-文字相关的属性:

规定文字样式的属性

- font-style: italic;   文字倾斜  快捷键:fs+table

规定文字粗细的属性

- font-weight: bold;     加粗    快捷键:fw+table

- 可以单词取值 bold ,可以数字取值900

规定文字大小的属性

- font-size: 30px;     规定文字大小  快捷键:fz30+table

- 单位px,通过font-size设置的文字大小一定要带单位px

 

规定文字字体的属性

- font-family: “微软雅黑”;     

-   如果取值是中文,需要用单双引号括起来。设置的字体必须是电脑中安装过的

- 快捷键: ff table

 

 

·字体属性补充

-默认字体不存在,系统会使用默认的字体来显示宋体

-不想系统使用默认字体,font-family可以设置备选方案 fontfamily: lala,微软雅黑

-中英文字体分开设置格式  fontfamily: 英文格式,中文格式;

英文格式要在中文格式前面,系统读取是从前往后

-最常用的字体

中文:宋体/黑体/微软雅黑

英文:times new roman/arial

 

/*   */ css中的注释

 

 

 

 

·文字属性的简写/缩写

Font: italic bold 10px 楷体

-缩写当中的 style,weight都可以省略,且它们可以交换位置

-缩写中也有属性值不可删除,size,family不可以省略,且它们不能随便乱放,size一定要放在family前面,且放在所有属性的后面

 

 

 

·文本属性

-文本装饰的属性

Text-decorationunderline; 下划线   td table/ tdu table

Line-through;删除线

Overline; 上划线

None;  去掉超链接下划线

-文本水平对齐的属性

Text-align: center;          快捷键 tac table

Right;

Left;

-文本缩进的属性

  Text-indent: 2em;    缩进两个文字,单位em,一个em代表一个文字的位置,也可以用px缩进,但是不好控制,一般用em

快捷键:ti2 table

 

·颜色控制属性

Colorred; 常见英文单词控制颜色,但不是所有颜色能用英文表示

ColorRgb25500); rgb其实就是三原色,红绿蓝,当中的数字来表示相应光源原件颜色显示的亮度,亮度相互调整改变颜色。数字取值在0-255,暗到明。黑色并不常用,灰色比较常用。红绿蓝颜色数字一样就是灰色,值越小越偏黑,越大越偏白:rgb100100100

ColorRgba255000.5); a是透明度,0-1

Color#FF0000; 十六进制表示,ff转换为十进制就是255,原理同rgb,每两位表示一种原色,#ff0000红色,#00ff00绿色。

Color#F00;   #ff0000,十六进制颜色表达中,每两位的值一样可以简写。


明天计划的事情:

css选择器


遇到的问题:


收获:

巩固css知识,并且规范代码书写的规范


返回列表 返回列表
评论

    分享到