WEB Basic基础-04

1、尺寸 和 边框


1、尺寸属性


1、作用


改变元素的宽度和高度


2、属性


1、宽度


属性：width


取值：以px或%为单位的数值


2、高度


属性：height


取值：以px或%为单位的数值






所有块级元素的尺寸：


宽度：占父元素100%的宽


高度：以内容为准






所有行内元素的尺寸：


宽度：以内容为准


高度：以内容为准






注意：


html 和 css 中，除img以外的所有行内元素的尺寸是不允许修改的


3、溢出处理


1、什么是溢出


当使用尺寸属性限制元素尺寸时，如果内容所需要的空间大于元素的尺寸的话，则产生溢出的效果


2、溢出处理的属性


属性：overflow


取值：


1、visible


可见的，默认值


2、hidden


溢出的内容会隐藏


3、scroll


显示滚动条，溢出时滚动条可用


4、auto


自动，溢出时产生滚动条并可用


2、边框属性


1、边框实现


1、边框的简写方式


通过一个属性完成四个方向边框的所有效果设置(宽度，样式，颜色)


属性：border


取值：width style color


width:边框的宽度，以px为单位的数值


style:边框的样式


solid:实线


dotted:虚线(点)


dashed:虚线(线)


color:边框的颜色


取值为合法的颜色值


可以取值为 transparent(透明)


特殊用法：


border:none;


2、单边定义


定义某一条边框的宽度，样式，颜色


属性：border-方向:width style color;


方向：top / bottom / left / right


ex:


上边框3px 实线 蓝色


border-top:3px solid blue;


3、单属性定义


设置四个方向边框的某一个属性值