去理解新知识

初学者切忌不要眼花缭乱不要四处找其它文档要坚定一个教授者的方式将其学通透才是好的学习方式。

本篇css我不会讲具体样式如何写因为这些小细节你只需搜索自己便可以学会。

我侧重于css的核心概念

盒子模型---认识元素的构成、选择器---找到被操作的元素、flex布局---操作元素位置摆放

一、CSS概念

我们把HTML页面中的布局元素看作是一个矩形的盒子也就是一个盛装内容的容器。

盒子模型有元素的内容、边框border、内边距padding、和外边距margin组成。

宽度(width)

使用chrome的开发者工具查看css样式、网络请求是常用的开发手段可以方便开发者快速定位到问题目前我只介绍查看css样式

三、CSS

标签选择器它表示leftTopBox这个类选择器下面的所有li标签

*/.leftTopBox

classleftTopBoxli新闻/lilihao123/lili地图/lili贴吧/lili视频/lili图片/lili网盘/lili更多/li/ul

/body2.

/titleDocument/titlestyle#head{color:

green;}.head2{color:

因为在pc端、App、小程序都是统一支持Flex布局的一劳永逸。

这里我不想重复介绍直接借用阮一峰老师的博文。

初学者学习基本布局就好以后实战逐步深入

Flex

没有任何一篇博客可以百分百将知识讲完、讲透学习只能是一步一步实践才会学的更多更深入。

我个人认为初学时学的内容逻辑简单、思路清晰最重要所以我只是挑取核心部分初学者理解后可直接上手项目这就是我的思想逻辑。

css知识有很多我不建议初学者去事无巨细的学每个知识点我的看法是带着问题以实践的方式先将我博客逻辑跑通让你对前端有个整体观念从基础到最后发布网站别人可以访问到时你自己补充剩余。