前端技术

HTML(结构)+CSS(表现美化网页)+JavaScript(交互)

什么是CSS

CSS（Cascading Style Sheets，层叠样式表）是一种用于描述网页外观和格式的样式语言。它主要用于控制HTML或XML文档中的元素样式，如字体、颜色、布局等。

CSS的基本语法组成

  • 写在html的head里面，标签style
  • 规范的是单独建一个style.css文件，采用link语法关联html和css
  • 由选择器、属性和值组成
h1 {
  color: blue;
  font-size: 24px;
}
\\h1是选择器，color和font-size是属性，blue和24px是属性值。

css应用

优先级：就近原则

  • 内联样式：直接在HTML标签的style属性中定义样式。
  • 内部样式表：在HTML文件的style标签内定义样式。
  • 外部样式表：将样式保存在一个单独的CSS文件中，并通过link标签链接到HTML文档中。
    style

基本选择器 优先级：id>类>标签

选择页面的某个或者某类元素

  1. 元素选择器（Type Selector）
  • 通过HTML元素的名称来选择元素
p {
  color: blue;
}
/*会选中所有<p>标签，并将文本颜色设置为蓝色*/
  1. 类选择器 可以复用
  • 通过元素的class属性来选择元素。
  • 以.为前缀。
.my-class {
  font-size: 16px;
}
/*会选中所有具有class="my-class"的元素*/
  1. ID选择器（ID Selector）全局唯一
  • 通过元素的id属性来选择元素。
  • 以#为前缀。
#header {
  background-color: #333;
}
/*会选中具有id="header"的元素。*/

2

高级选择器