CSS

作者: ryanxun | 来源:发表于2019-02-27 21:18 被阅读0次

首先,先给出一个学习css的网址:http://www.w3school.com.cn/css

Css的引入方式有三种:

1:内联式
2:外联式
3:嵌入式

Css格式

image.png

常用的选择器:

1.#id
2..class
3.元素选择器
4.属性选择器

css继承:

-存在定义位置上的父子关系时
-此时可以指定儿子css值为inherit,表示继承父亲
-某些默认为继承的属性:如font,color
-某些默认为不继承的属性:如border

选择器权重

image.png

单位

image.png

盒子模型

-高宽的范围由:box-sizing限制,取值如下:
-content-box(默认)
-border-box:将border计算在内

image.png

display行为

-none消失,注意与visible:false
-block: 高宽有效(默认:填充宽度,无高度),独占一行
-inline:高宽失效,其完全由内容决定(默认:无宽度,无高度),会在同行排列。
-inline-block:高宽有效,会在同行排列

相关文章

网友评论

      本文标题:CSS

      本文链接:https://www.haomeiwen.com/subject/izequqtx.html