CSS学习笔记(Day1)

一、CSS简介

1.CSS = Cascading Style Sheets(层叠样式表)

2.层叠次序(4的)

  1. 浏览器缺省设置
  2. 外部样式表优先权最高
  3. 内部样式表(位于 <head> 标签内部)
  4. 内联样式(在 HTML 元素内部)

二、CSS基础语法

1.CSS规则由两个主要部分组成:选择器以及一条或者多条声明

selector {declaration;}
或者

selector{
    declaration1;
    declaration2;
    declarationN;
}
选择器通常是要改变的HTML元素

每条声明由一个属性和一个值组成

selector {property: value;}
注意:如果值为多个单词则需要加上引号

2.空格与大小写

是否包含空格不会影响 CSS 在浏览器的工作效果,同样,与 XHTML 不同,CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的。

3.选择器分组

选择器可以进行分组,这样,被分组的选择器就可以分享相同的声明。

h1,h2,h3,h4,h5,h6 {
  color: green;
  }
4.CSS的继承

body  {
     font-family: Verdana, sans-serif;
     }

p  {
     font-family: Times, "Times New Roman", serif;
     }
通过继承,<body>的子元素将继承<body>的属性(这里是font-family属性)

对子元素声明特殊规则将打破继承(例如这里的<p>元素)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值