【随笔】IFE-task4、task5小结

# 随笔：IFE任务四、任务五小结 ## ·css3圆角边框 ### boder-radius属性 border-radius：50px； //水平半径和垂直半径都设置为50px
border-radiux:50px 25px; //表示左上角和右下角使用第一个值，右上角和左下角使用第二个值
border-radius:25px 10px 50px 0;//左上角、右上角、右下角、左下角(顺时针顺序)
border-radius: 100px 25px 80px 5px / 45px 25px 30px 15px; //border-radius还可以用斜杠设置第二组值。这时，第一组值表示水平半径，第二组值表示垂直半径。第二组值也可以同时设置1到4个值，应用规则与第一组值相同。 单个圆角设置：
border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius *** ##·salc函数 calc(expression) expression是一个表达式
calc(100%-(10px+5px)*2) *** ##·overflow

可能的值

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

---

·div，section 和article

div无任何语义，仅仅用作样式化或者脚本化
对于一段主题性的内容用section
一段内容可以脱离上下文，作为完整独立的存在，用article

·杂

table表格

颜色 bgcolor
合并单元 colspan=“” rowspan=“”

li标签并排

1. display:inline
2. 使用 float

使用css中list-style控制样式

使用background-image添加图片

.logo {
position: absolute;
background-image: url(../images/chf.jpg);

width: 60px;
height: 60px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-top: 5px;
margin-left: 20px;
float: left;

}

background-image

background-repeat

background-position

background-size