发表于: 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-decoration:underline; 下划线 td table/ tdu table
Line-through;删除线
Overline; 上划线
None; 去掉超链接下划线
-文本水平对齐的属性
Text-align: center; 快捷键 tac table
Right;
Left;
-文本缩进的属性
Text-indent: 2em; 缩进两个文字,单位em,一个em代表一个文字的位置,也可以用px缩进,但是不好控制,一般用em
快捷键:ti2 table
·颜色控制属性
Color:red; 常见英文单词控制颜色,但不是所有颜色能用英文表示
Color:Rgb(255,0,0); rgb其实就是三原色,红绿蓝,当中的数字来表示相应光源原件颜色显示的亮度,亮度相互调整改变颜色。数字取值在0-255,暗到明。黑色并不常用,灰色比较常用。红绿蓝颜色数字一样就是灰色,值越小越偏黑,越大越偏白:rgb(100,100,100)
Color:Rgba(255,0,0,0.5); a是透明度,0-1
Color:#FF0000; 十六进制表示,ff转换为十进制就是255,原理同rgb,每两位表示一种原色,#ff0000红色,#00ff00绿色。
Color:#F00; 同#ff0000,十六进制颜色表达中,每两位的值一样可以简写。
明天计划的事情:
css选择器
遇到的问题:
收获:
巩固css知识,并且规范代码书写的规范
评论