前端开发学习Day5

113 阅读1分钟

       第五天,卡在了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,实现的是圆角边框效果*/

       感觉自己总是分不清楚内边距,外边距,可能还是没有理解吧,昨天写的代码,今天继续写第二部分,结果就是很有挫败感了,打算明天把布局再看一遍。

       今天晚上不熬夜了,早点睡,希望明天早上能有一个清晰的大脑,睡觉……