css的引入方式

css的引入方式
1、行间样式的引入
写法：在标签中写一个style的属性，比如style=“”，在引号中写相应的css样式
缺点：不利于维护，不利于代码重用
优点：优先级最高

2、内部样式表的引入
写法：在head标签里写一个style的标签（！！），在标签中通过选择器来控制样式
（1）标签名选择器写法：
div {
...css的样式
}
（2）ID选择器写法：首先在相应标签中设置一个ID的属性，
如：id="id名"
在样式表中，通过
#+id名 {
...css的样式
}
notice：id名要以英文字母开头，id名不能重复，是唯一的
（3）class选择器写法：首先在相应标签中设置一个class的属性，
如：class="class名"
在样式表中，通过
.+class名 {
...css的样式
}
notice：class名以英文字母开头，可以重复

三种选择器优先级：标签名选择器 < class选择器 < id选择器 < 行间样式
**1.2.内部样式表优点：加载速度快，不需要去请求服务器
缺点：不利于代码重复使用

3、外部样式表的引入写法：
在head标签里，写一个link标签，用来关联一个css的文件，在css文件中，通过选择器来控制样式
notice：
<link rel="stylesheet" href="css路径" >
优点：有利于代码重用
缺点：需要加载服务器

padding 内边距 内填充
padding-top 上内边距
padding-right 右内边距
padding-bottom 下内边距
padding-left 左内边距

padding的复合写法
padding:10px; 一个值代表上下左右都是10px
padding:10px 20px;两个值 第一个值代表上下 第二个值代表左右
padding:10px 20px 40px; 三个值: 第一个值代表上 第二个值代表左右 第三个值代表下
padding:10px 20px 30px 40px;四个值 第一个值代表上 第二个值代表右 第三个值代表下 第四个值代表左

从设计的角度看 text-decoration属性主要是用来删除链接的下划线：a {text-decoration:none;}

文本缩进属性是用来指定文本的第一行的缩进。
实例
p {text-indent:50px;}
<a target="_blank" href="/demo/klematis_big.htm"></a>

<a target="_blank" href="/demo/klematis_big.htm"><img src="/static/images/klematis_small.jpg" alt="Klematis" width="110" height="90"></a>