混合开发

Hybrid开发-2. CSS学习

2017-10-12  本文已影响34人  CoderXLL

1. 什么是CSS

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

2. CSS的3中书写形式

<body style="color:red;"> </body>
<style>
          body {
                 color:red
          }
</style>
<link rel="stylesheet" href="index.css">

注意: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,可以改变标签类型

上一篇 下一篇

猜你喜欢

热点阅读