开始之前
只发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好看到爆!!!
领取专属 10元无门槛券
私享最新 技术干货