Hybrid开发-2. CSS学习

1. 什么是CSS

CSS,层叠样式表。用来控制HTML标签的样式,在美化网页中起到非常重要的作用。CSS编写是键值对的形式,如color:red、font-size:20px。

2. CSS的3中书写形式

  • 行内样式 (直接在标签的style属性中书写)
 
  • 业内样式 (在本网页的style标签中写,style标签放在header标签里)

  • 外部样式 (在单独的CSS文件中书写,然后在网页中用link标签引用)

注意:CSS样式规律:
相同类型选择器的相同样式,按“就近原则”使用
相同类型选择器的不同样式,按“叠加原则”使用
不同类型选择器之间有优先级别限制 (选择器权值相加)

important > 行内 > id选择器 > 类 | 伪类 | 属性选择 | 伪元素 > 标签 > 通配符 > 继承
选择器 权值
通配选择符 0
标签选择器 1
类选择器 10
属性 10
伪类 10
伪元素 10
id选择器 100
import 1000

3.HTML标签类型

HTML有多个标签类型,根据显示的类型,主要分为3大类

  1. 块级标签
    独占一行的标签,能随时设置宽高。如(div, p, h1, h2, ul, li)。
  2. 行内标签
    多个行内标签能同时显示在一行,宽高取决于内容的尺寸。如(span, a, label)。
  3. 行内-块级标签
    多个行内-块级标签能同时显示在一行,能随时设置宽高。如(input, button)。

4.修改标签类型

CSS里面有个标签属性display,可以改变标签类型

  • none:隐藏标签
  • block:让标签变为块级标签
  • inline:让标签变为行内标签
  • inline-block:让标签变为行内-块级标签

你可能感兴趣的:(Hybrid开发-2. CSS学习)