web前端之css

开始之前

只发html这些教程的公众号的确没有含金量，但我也是新手走过来的，知道看不懂大佬发的东西时的难受心情，有人说去谷歌啊，慢慢学啊，你去搜这个概念，就有下一个不懂的概念，层层迭代，最后连自己都怀疑自己是不是没救了，找不到适合自己的方向，所以还是准备一步一步慢慢来。

教程码了得看啊，还要跟着一起操作。

计算机真的太复杂了，自己心也很高，想多学点，到后面我肯定也要慢慢学才能出教程。真心寻找耐心负责任的小伙伴与我一起出教程，无论新手还是大佬，不同方向的，尤其是研究算法方面的朋友，能浅显易懂的讲出来最好，愿意做排版的也行啊！笔芯。

CSS

css全称层叠样式表（Cascading Style Sheets）

两个关键字

层叠

后来的，优先级高的，权重高的样式会覆盖之前的样式，比如一个网页弹出一个登录窗口就会被设置覆盖在最前面，本文先不会讲优先级和权重

样式

我们在上一篇web前端之html中说道，css用来实现网页修饰，能让我们在上一篇中实现的东西更美观，就是样式

基本结构

选择器

一般来说选择器就是h5的标签，表示选择这个标签，并对它的样式进行改变

属性

表示具体改变这个标签的什么样式，比如字体，大小，颜色

值

表示具体把这个样式改成什么样，比如字体改成宋体，可以一次性修改多个值

元素

元素就是标签按照不同特性的划分

块状元素

每个元素都会从新的一行开始，可以改变高度，宽度，顶部和底部边距，什么是边距下面会讲，比如p,hx,form等标签

内联元素

和其他元素在同一行，没法改变高度，宽度，顶部和底部边距，比如a,strong,em标签

元素加上display的属性就能转换，block表示转换为块状元素，inline表示转换为内联元素，两种元素的特性都想拥有就是inline-block

块状元素加上float属性就能像内联元素一样与其他元素在同一行，left表示从左边开始排列在同一行，right表示从右边开始，也可以一左一右，但不意味着变成了内联元素，如果本身是居中的，left和right的效果就一样

插入形式

内联式

将css代码直接写入目标html标签里面

用法：……

例：

hello

嵌入式

在head标签中嵌套css代码，目标html标签可以直接用

用法：

nav-1

nav-2

nav-2

nav-2

nav-1

nav-1

nav-1

nav-1

nav-1

想要进阶的朋友可以去做做分页页码，学习css sprite

还有，我觉得日剧unnatual好看到爆！！！