第五天,卡在了CSS布局里出不来了……
总结一下盒模型吧:
1、定义大小:使用width(宽)和height(高)定义内容区域的大小;
2、定义边框:使用border属性
1)boeder-style:边框样式
2)border-color:边框颜色
3)border-width:边框宽度
3、定义边界:使用margin属性控制(可以取负值,用来强迫元素偏移)
margin:0 auto;表示外边距上下值为0,左右值自动
4、定义补白:使用padding属性控制(不能为负值)
今天学了float属性,float 属性定义元素在哪个方向浮动,在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
input输入框的圆角边框是用border-top-right-radius: 5px;/*边框上右方向的角,半径是5px,实现的是圆角边框效果*/
感觉自己总是分不清楚内边距,外边距,可能还是没有理解吧,昨天写的代码,今天继续写第二部分,结果就是很有挫败感了,打算明天把布局再看一遍。
今天晚上不熬夜了,早点睡,希望明天早上能有一个清晰的大脑,睡觉……