2月3日学习日志

今天继续学习了css的相关内容.

1.关于超链接的相关操作:

1.取消下划线:

text-decoration:none; /*取消下划线*/

2.当鼠标滑过时对超链接的设置:

a:hover{
color:#c81623; /*为超链接换个颜色*/
}

 2.对于input的操作:

1.取消选中后轮廓边框:

outline:none;

2.边框大小 形态 颜色:

border:1px solid #f10215;

 

3.字体的相关设置:

 

1.字体大小

font-size:14px;

2.字体样式:

font-style:

normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式。

3.字体粗细:

font-weight:

normal 默认值。定义标准的字符。
bold 定义粗体字符。
bolder 定义更粗的字符。
lighter 定义更细的字符。
100
200
300
400
500
600
700
800
900
定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。

4.字体颜色:

color:red;

 

5.为盒子添加阴影效果:

添加阴影效果:

box-shadow:2px 5px 5px rgba(0,0,0,.3); /*水平 垂直 模糊距离 颜色*/

 

明日任务:学习JS