目录
一、css简介
1.什么是css
在学习计算机的过程中我们会发现开发语言看中的是逻辑思维和抽象能力,但在我们学习css的过程中却会发现css这门语言没有丝毫的逻辑可言,css看中的是特性之间的逻辑,‘只需要一分钟学会,却要用一辈子时间去精通’,学会css并不难,但要精通css却要不断学习,相对于其他的开发语言css更更接近于绘画,你可以随意的使用css去绘制你的页面,他不会给出任何错误或失败,但正因如此所以你需要格外小心,css没有任何的硬性规定同样也没有衡量标准告诉你做得好不好,所以我们在学习css的过程中要多加练习,练习得越多,就越能轻松地想到完美的布局和定位方法。
下面是对css的简单介绍:
(1)文档流
CSS全称是Cascading Style Sheets,翻译成中文就是“层叠样式表”,层叠就是指css中的样式可以层层叠加使用;在css中有一种称为‘文档流’的概念,‘文档流’命名的很贴切因为css本身就和水流一样,整个css都是围绕‘文档流’来实现的,在css中div盒子会默认铺满整个容器,就像水流一样,其中的文字和图片会依次排序不足就会换行,这让我们使用css变得非常方便和顺手,css中的默认流向是“一江春水向东流”,以及“飞流直下三千尺”,也就是从左往右和从上向下,当然流向是可以改变的这让css显得更加丰富。
(2)专业术语
.vocabulary {
height: 99px;
color: transparent;
}
属性:以上述代码为例,属性指的就是其中的height和color;
值:上述代码中的99px和transparent就是值,属性和值通常会一起使用,在css中值有很多类型例如:字符串,数字,位置值等等多种;
关键字:关键字是值css中很关键的单词,例如border属性中的solid就属于关键字,上述代码中的transparent也是关键字;
变量:css变量又称自定义属性,在定义变量时要在变量名前加上--两根连词线,变量名大小写敏感,--home和--Home是两个不同的变量;
长度单位:css中有时间单位(s、ms)、角度单位(deg、rad)和长度单位等,最常见的就是长度单位,需要注意%不是长度单位,长度单位分为绝对长度单位和相对长度单位,绝对长度单位有px、pt、cm、mm、pc等等,相对长度单位有vh、vm、等等;
功能符:值以函数的形式指定也就是用括号包裹的值,例如:rgba(0,0,0,0.5)等等;
属性值:属性冒号后面的所有内容统一称为属性值。例如,1px solid rgb(0,0,0),属性值可以是单一的也可以是由“值+关键字+功能符”构成的;
声明:属性名加上属性值就是声明,例如:color: transparent;
声明块:声明块是花括号({})包裹的一系列声明,例如:{height: 99px;color: transparent;};
规则或规则集:出现了选择器,而且后面还跟着声明块,开头的例子,就是一个规则集:.vocabulary { height: 99px;color: transparent;}
选择器:选择器是用来标记目标的东西,.vocabulary;选择器分为类选择器、ID选择器、属性选择器、伪类选择器、伪元素选择器
关系选择器:关系选择器分为:后代选择器,兄弟选择器、相邻兄弟选择器、子元素选择器;
二、css常用属性
1.inherit
inherit是css中非常方便的一个属性,它可以继承父元素中的属性
2.initial
initial可以选择属性的默认值
3.unset
unset是不固定关键字,如果当前css可以继承父元素样式就会进行继承相当于inherit,如果没有父元素就会使用初始值相当于initial,unset可以配合all使用进行批量继承然后再进行其他修改
4.reverse
reverse关键字可以让当前元素样式还原成浏览器内置样式,例如li使用reverse会变为数字序列
结尾
这篇文章主要是向大家介绍一下css,使大家对css更加熟悉一些加深大家对css的兴趣以方便后面对css的学习,很高兴可以和你一起学习。