软件测试培训第7天

Posted 2020-10-13

        今天一天也是快节奏的在讲解CSS结构，CSS的内容分开讲来操作的话是比较简单，但其难就难在内容非常多，需要每天不断地练习来记住每一个用法。一天CSS已经全部讲解完，进度是非常的快，然而要熟记熟练操作还是需要大量的练习操作进行积累。

        今天课堂整理的内容：

css样式：1.内联式直接在标签里面写属性 属性名为style）         

                2.内嵌式 直接嵌入到haed标签里面，以标签的形式出现，标签名为style          选择器：用来选择标签（给哪个标签加样式）               

                             1.标签选择器（用标签名选择）不能单个选               

                             2.ID选择器 关键符号# id是唯一的               

                             3.类（class）选择器 关键符号 .               

                             4.复合选择器                  后代选择器 关键符号 空格                  并列选择器 关键符号 ，                  筛选       关键符号 .                  属性选择         

                3.外部引用

背景与前景：background-color背景色， background-image:url背景图片， background-attachment:fixed背景是固定的，不随字体滚动，background-attachment:scroll背景随字体滚动， background-repeat:no-repeat不平铺， background-position:center背景图居中， background-position:right top背景图放到右上角， background-position:left 100px top 200px离左边100像素，离上边200像素

字体：font-family:"新宋体"， color:#颜色 text-align:center（水平对齐）居中对齐，left是左对齐，right是右对齐 vertical-align:middle（垂直对齐）居中对齐，top是顶部对齐，bottom是底部对齐,一般设置行高后使用。

 边界和边框：border（表格边框、样式等）、margin（表外间距）、padding（内容与单元格间距）

列表与方块：　width、height、（top、bottom、left、right）只有在绝对坐标情况下才有用 list-style:none取消序号

格式与布局：position：fixed锁定位置 position：absolute外层有或者没有position:absolute（或relative） position：relative相对于默认位置的移动

float：left，right：浮动向左、向右