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