前端开发学习Day9

111 阅读1分钟

       第九天,小区停电了,看书吧,网页是做不了了……以下是今天看书整理出来的笔记:

1、导入外部样式表

使用<link>标签导入

<link href="style.css" rel="stylesheet" type="text/css"/>

2、CSS样式的优先级

a、ID选择器:优先加权值为100;

b、属性选择器:优先加权值为10;

c、类选择器:优先加权值为10;

d、标签选择器:优先加权值为1;

e、伪元素或伪对象选择器:优先加权值为1

备注:如果分值相同,则根据位置关系来进行判断,越靠近对象的样式就拥有越高的优先级。

3、CSS中常用属性(以下是我不熟悉的属性汇总):

  • 使用text-align属性来定义文本的水平对齐方式;
  • 使用vertical-align属性来定义文本的垂直对齐问题;
  • 使用letter-spacing属性定义字距;
  • 使用word-spacing属性定义词距;
  • 使用line-height属性定义行高;
  • 使用text-indent属性定义首行缩进;
  • 使用text-shadow属性给页面上的文字添加阴影效果;
  • 使用background-image属性定义背景图像  
     晚上的时候试了一下阴影效果和渐变效果,感觉很酷!