html和CSS基础

第一天：

学习内容是，对HTML文件的基本骨架、常用标签（p、span、div、a、img、audio、video）的使用，其中音频标签和视频标签注意提取源的路径和控件、是否循环、是否自动播放（视频静音播放muted），因此又学习了绝对路径和相对路径（补充，文本缩进text-indent：Xem/Xpx单位、a标签的target=_blank可新建窗口打开）

音频和视频的controls控件、loop循环播放、autoplay自动播放、muted静音播放（视频）

超链接跳转新窗口/原窗口

第二天：

学习内容是，对于列表、表格、注册页面的学习。其中，列表主要是有序ol-li、无序ul-li、自定义dl-dt\dd；表格table-tr(行)-td（列），表格难免有合并，行合并用rowlspan/列合并用colspan，用border=1可加边框，但有间隙，后续通过border-collapse处理；注册页面所用内容无非：input(文本text、密码password、单选radio、复选checkbox、文件file（multiple）)

①input的基本使用

②单选框使用注意!

③多文件上传

⑤label的use

第三天：

学习内容是，初步引入CSS，对HTML内容进行基础修饰（字体大小、粗细、文字类型、文字样式（正常/倾斜italic））文本修饰、垂直水平居中。有了修饰文本的属性，当然会有选择对象，因此还学了选择器（标签选择器、类选择器、id选择器、通配符选择器）。实话是说，文本样式老是记不住（strong、em、u、del），有空多用用。

①CSS字体复合属性的使用swsf

②文本修饰

第四天：

学习内容是，五大选择器的使用（后代、并集、交集、伪类）、emmet的语法（加速打代码用的）、背景（颜色、图片路径、大小、平铺（默认是repeat））、显示模式的转换（块、行内块、行内）。补充内容有嵌套关系，如：

另外还有继承性问题及显示模式转换问题（display：block/inline/inline-block）

①emmet语法

②元素模式转换

③嵌套关系注意事项

第五天：

学习内容是，优先级问题、盒子模型的内容、边框、大小计算、内外边距、权重叠加及外边距系列问题（合并、塌陷）和版心居中。其中，塌陷问题的处理需多加练习，方法如下：

/* 方法1：给父级加内边距，可给子级达到向下移动效果 */

/* padding-top: 50px; */

/* 方法2：border 给父级加外边框也能使子级在内部向下移动，配合overflow: hidden使用*/

/* border: 1px solid #000; */

/* 方法3：overflow: hidden 溢出隐藏 */

①优先级问题

②盒子边框

③版心居中

第六天：

学习内容是，结构伪类选择器（选择器：first-child、选择器：last-child 、选择器：nth-child(x)）、浮动、浮动布局、浮动的影响、浮动的清除方法（额外标签法、单伪元素清除法、双伪元素清除法、overflow）。第六天学习主要是了解浮动在网页布局中的一些作用。

②双伪元素清除浮动

单伪元素清除浮动

第七---十天：

学习内容是，定位（静态、绝对、相对、固定）、定位层级关系、隐藏效果、透明度opacity、光标、边框合并、csss书写三角、焦点选择器、属性选择器的一些内容。opacity整个标签全部透明，rgba是背景色透明；overflow的使用注意scroll是无论内容多少都可以见到滚动条，auto看内容情况显示滚动条。7-10天主要学习一些扩展知识及之前学的知识，对网页布局进行深入了解与运用，主要目的能独立完成静态页面制作，并构建版面布局的思路，及对已学知识运用掌握。