前端学习随笔-2018.11.30 Day3

1.块级元素居中: width:XXX margin: 0 auto; 相对于父元素的宽度居中
2.分割线可以用border-top或border-bottom
3.圆角边框: border-radius 此属性的值为圆角的半径,如果需要圆形,则先设置宽高,再设置border-radius为宽高的一半

4.padding 行内元素和行内元素之间用padding可以隔开,行内元素和块级元素/行内块级元素之间不能,会被挤上去。 一小段文字(几段文字在同一行)的话,效果比较简单,就是割开了,如果其中一段很长(占了很多行)的话,下一段文字是从上一段的末尾开始隔开

 

 

二、表格

1.tr 行,th 表头格,td 普通格 2.colspan="X":本列占X列 rowspan="X":本行占X行 3.table的border-collapse属性: separate:默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。 collapse:如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。 inherit:规定应该从父元素继承border-collapse 属性的值。 4.cellpadding:相当于padding cellspacing:相当于margin

 

三、框架

1.HTML框架 <frameset> 不能与<body>标签同用,直接放在<html>中即可

2.HTML内联框架 <iframe> 放在<body>内 一般网站的页脚版权信息等使用内联框架加载进去,方便修改
posted @ 2018-12-02 21:04  Momio  阅读(112)  评论(0编辑  收藏  举报