1.为网页添加样式

为网页添加样式

术语解释

h1{
    color: red;(字颜色)
    background-color: royalblue;(背景颜色)
    text-align: center;(位置)
    font-size:3em;(字的大小)
}

css规则 = 选择器+ 声明块

选择器

选择器:选中元素

  1. ID选择器:#id+{}(选中对应id值的元素)
  2. 元素选择器:元素名+{}(选中所有同名元素)
  3. 类选择器:.类名+{}(选中所有类名相同的元素)给元素class属性" “内为类名(空格会把类名分割,分割后的类名都可选中该类,但”."后类名不能出现空格)

class元素为类名

声明块

出现在大括号中

声明块中包含很多声明(属性),每一个生命(属性)表达了某一方面的样式

css代码书写的位置

  1. 内部样式表

书写在style元素中(因为希望最先加载css代码,所以一般写在head里,但允许写在body里)

  1. 内联样式表(元素样式表)

在元素名写style属性

  1. 外部样式表(推荐使用)

把样式写到独立的css代码(建立.css文件→写入代码→html文件中的head中写link)

1). 外部样式表可解决多页面样式重复的问题
2). 有利于浏览器缓存,从而提高浏览速度
3). 有利于元素分离(html和css),有利于阅读和维护

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页