学习内容:CSS初级篇
学习语言:CSS(层叠样式表)
CSS 寒假学习

碎片知识

1.主流浏览器及其内核
IE->trident
FireFox->Gecko
Google chrome->Webkit/blink
Safari->Webkit
Opera->presto
2.前端语言的功能
HTML:结构
CSS:样式
JavaScript:行为
2.异步:同时执行;同步:不同时执行

CSS初级篇

CSS引入方式

CSS引入

在<div style="">,通过在容器里面给style属性赋值以达到效果

页面级CSS

通过在head里面定义以达到效果

CSS文件引入

通过形如<link rel="stylesheet" href="b.css">的代码调用外部的CSS文件以达到效果.

CSS的使用

选择器

优先级:id选择器>类选择器=属性选择器>标签选择器>通配符选择器(范围越大,优先级越低)

id选择器

#only{background-color: green}
在形如这样的代码中,利用在容器的id值前面加上一个#来实现对于那个容器的选中,同时在后面的大括号中用css对这个容器的样式进行操作.且id对于容器来说是唯一的.

Class选择器

.demo{``background-color: green``}
在形如这样的代码中,利用在容器的class值前面加上一个.来实现对于那个容器的选中,同时在后面的大括号中用css对这个容器的样式进行操作.class对于容器是多对多的(一个容器多个class,一个class对应多个容器)

标签选择器

div{background-color: green}
直接在标签后加这个大括号,代表对于所有这种标签执行这个操作.

通配符选择器

在选择的部分,加上一个”*”,就代表全选,直接写控制全局的css代码.

属性选择器

基本:[id]{.....}
细化:[id="...."]{.....}
对于所有有方括号内属性定义的容器执行操作.

CSS权重

!important选择器 正无穷
行间样式 1000
id 100
class/属性/伪类 10
标签/伪元素 1
通配符 0
(注意上面的数据为256进制)