前端基础 - css(1)

一,css三大特性

(1)层叠性 

1,给一个标签设置的样式发生冲突的时候即样式的覆盖  (遵循就近原则)

(2)继承性

1,发生的前提是:标签之间属于一种嵌套关系

2,文字颜色可以之间继承

3,字体大小可以继承

4,字体可以继承

5,行高也可以实现继承与文字有关的属性都可以,实现继承

特殊点:

a标签超链接不能实现字体颜色的继承,字体大小可以继承

h1不可以继承文字的大小,继承过来还会做一个计算

(3)优先级

1,默认样式<标签选择器 <类选择器 <id选择器 <行内样式 <!important     

注意:计算优先级时权重叠加但是永不进位

二,选择器

选择器:id选择器,类选择器,标签选择器,通配符选择器

符合选择器:后代选择器,子元素选择器,并集选择器,交集选择器

伪类选择器:
(1)链接伪类选择器:a:link未被访问的,a:risited已被访问的,a:hover鼠标悬浮,a:active鼠标按下未弹起

(2):focus伪类选择器 ,用于选取获得交点的表单元素

(3)结构伪类选择器:

(4)属性选择器

(5)伪元素选择器:

::before 在元素内部的前边

::after   z在元素内部的后边

三,元素显示模式

行内元素,块级元素,行内块元素

显示模式转换:display:block(块级)/ inline(行内)/  inline-block(行内块)

四,背景

background-color   背景颜色

background-repeat  背景平铺

background-position  背景图片位置

background-attachment  背景辅助

五,css盒模型

概念:CSS 盒模型本质上是一个盒子,盒子包裹着HTML 元素,盒子由四个属性组成,从内到外分别是:content 内容padding 内填充border 边框外边距 margin

W3C 盒子模型(标准盒模型)

IE 盒子模型(怪异盒模型)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容