html的各种标签解释的如此明白透彻,如此的简单明了、面面俱到,那么CSS就是让我懂得了一个网页的布局,成型,以及拿到一个网页是如果入手。江哥有句话是我一直铭记在心的,就是html只修改语义,CSS只修改样式。
首先来说CSS主要有两大块的内容,1是css的选择器,2是css的属性,江哥先从CSS的继承性,层叠性,优先级的三大特性慢慢的给我引出css的各种属性和选择器,网页的布局就是div+css,其中css选择器里面我最喜欢的就是类选择器跟id选择器还有并集选择器后代选择器子元素选择器等因为这几个选择器在后面的网页布局中是应用的最广泛的。css里面浮动跟定位是最重要的,但是这两个我都丝毫不不担心,因为什么呢?因为江哥的视频里面讲的很详细,还结合网页的各种布局来给讲解。布局我觉得江哥讲得比较好的两句话是。拿到一个网页不要急着写代码,要先分析一个网页的结构,布局分几部分、由外及内,由上到下的写。而且重要的是布局是思维方式。
学习CSS的过程非常的专心和开心,谢谢江哥如此走心、专业、认真的教学视频。
学HTML5就选李南江,选培训机构我只选小码哥(www.520it.com)
学习笔记
1.id和class的区别?
1.1
id相当于人的身份证不可以重复
class相当于人的名称可以重复
1.2
一个HTML标签只能绑定一个id名称
一个HTML标签可以绑定多个class名称
2.id选择器和class选择器区别?
id选择器是以#开头
class选择器是以.开头
3.在企业开发中到底用id选择器还是用class选择器?
id一般情况下是给js使用的, 所以除非特殊情况, 否则不要使用id去设置样式
4.在企业开发中一个开发人员对类的使用可以看出这个开发人员的技术水平
一般情况下在企业开发中要注重冗余代码的抽取, 可以将一些公共的代码抽取到一个类选择器中, 然后让标签和这个类选择器绑定即可
1.什么是网页的布局方式?
网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的
1.标准流(文档流/普通流)排版方式
1.1其实浏览器默认的排版方式就是标准流的排版方式
1.2在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素
1.3 在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版
垂直排版, 如果元素是块级元素, 那么就会垂直排版
水平排版, 如果元素是行内元素/行内块级元素, 那么就会水平排版
2.浮动流排版方式
2.1浮动流是一种"半脱离标准流"的排版方式
2.2浮动流只有一种排版方式, 就是水平排版. 它只能设置某个元素左对齐或者右对齐
注意点:
1.浮动流中没有居中对齐, 也就是没有center这个取值
2.在浮动流中是不可以使用margin: 0 auto;
特点:
1.在浮动流中是不区分块级元素/行内元素/行内块级元素的
无论是级元素/行内元素/行内块级元素都可以水平排版
2.在浮动流中无论是块级元素/行内元素/行内块级元素都可以设置宽高
3.综上所述, 浮动流中的元素和标准流中的行内块级元素很像
学HTML5就选李南江,选培训机构我只选小码哥(www.520it.com)