CSS学习笔记

发布时间 2023-06-10 21:34:50作者: 落枫潇潇

1 如何将CSS样式应用到元素上

1.1 内联样式(行内样式)

内联样式表存在于HTML元素的style属性之中。
CSS样式之间用分号;隔开,建议每条CSS样式后面都加上分号;

1.2 内部样式表

将CSS放在HTML文件<head>元素里的<style>元素之中。

1.3 外部样式表

外部样式表(external style sheet) 是将css编写一个独立的文件中,并且通过<link>元素引入进来;
使用外部样式表主要分成两个步骤:

  • 第一步:将css样式在一个独立的css文件中编写(后缀名为.css);
  • 第二步:通过<link>元素引入进来;

1.4 @import

可以在style元素或者CSS文件中使用@import导入其他的CSS文件
img

2 CSS属性(文本)

2.1 text-decoration

text-decoration用于设置文字的装饰线
text-decoration有如下常见取值:

  • none:无任何装饰线
  • underline:下划线
  • overline:上划线
  • line-through:中划线(删除线)