css宽度width

CSS宽度width样式属性

传统Html 宽度属性单词： width 如width="300";

CSS 宽度 属性单词：width 如width:300px;

一、Width语法结构知识：

.manongjc{Width:200px}

设置manongjc类宽度为200px（像素）

.manongjc{width:20%}

设置manongjc类宽度为20%(相对与父级百分比宽度)

二、css width宽度用法

1、Width:100%(以百分比计算宽度)

2、width:200px;（宽度为200像素(px)）

3、Width:20em(宽度为20相对长度单位)

三、原始html标签内宽度width元素属性

1）、设置html表格宽度： 内容 或 内容

2）、设置img图片宽度：

以上宽度都是直接设置标签对象宽度，并且注意[等号]后跟具体数字宽度值（或百分比），具体宽度值不用跟长度单位，默认以像素(px)为单位，在TABLE表格标签或图片img标签内设置宽度时候其值不跟html单位，默认以像素为单位。

四、css固定宽度应用案例

案例描述：

我们对一个命名为[manongjc]的类对象设置宽度为200px宽度，为了能看出效果，我们对对象加一个红色css边框(css border)

css代码：

 .manongjc{width:200px;border:1px solid #F00}  

html代码：

 
我的宽度为200px

      
查看更多关于css宽度width的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did115304