软件测试培训第7天

        今天一天也是快节奏的在讲解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:浮动向左、向右

原文地址:https://www.cnblogs.com/k874146812-/p/7799719.html