css中下面的代码什么意思啊?

发布网友发布时间：2022-04-28 16:53

共4个回答

热心网友时间：2022-06-19 19:55

MARGIN: auto; 居中的意思-->标准的写法：margin:0 auto;
WIDTH: 200px; 宽度为200px
MAX-WIDTH: 100% !important; 最大宽度为100%；也就是说你的整个屏幕的大小或者是上一级区域的整个块儿的大小；!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。
HEIGHT: auto !important; height:auto，是指根据块内内容自动调节高度。
在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，效果相当于man-width设置最大宽度

热心网友时间：2022-06-19 19:55

类suofang的div宽200px，margin自动，也就是默认水平居中，然后是类suofang里面的img最大宽度是100%，高度自动，width使用了动态计算，当前宽度大于200像素的时候设置宽度200px，如果没有超过200px，该多大就是多大，而是用!important就是告诉解析器，重要度要高。

热心网友时间：2022-06-19 19:56

//class为suofang的使用以下样式
.suofang {
      MARGIN: auto;//外边距为auto浏览器计算外边距
      WIDTH: 200px;//宽200px
   }

  //class为suofang的标签下的img标签使用以下样式
.suofang img {
      MAX-WIDTH: 100% !important;//最宽为外层宽度100%，!important表示优先调用这个样式

      HEIGHT: auto !important;//高度为auto，优先调用这个样式

       width: expression(this.width > 200 ? "200px" :     this.width) !important;//宽度如果超过200取200px，不超过取当前宽度，优先调用这个样式
   }

热心网友时间：2022-06-19 19:56

一、suofang { MARGIN: auto; WIDTH: 200px;}

MARGIN: auto;
设置边距上下左右自动
WIDTH: 200px;
宽度为200像素

二、.suofang img {MAX-WIDTH: 100% !important; HEIGHT: auto !important;width: expression(this.width > 200 ? "200px" : this.width) !important; }

MAX-WIDTH: 100% !important;
强制做大宽度为100%

HEIGHT: auto !important;
强制高度自动，

width: expression(this.width > 200 ? "200px" : this.width) !important;
低版本浏览器是不支持max-width和min-width的，所有他这里用到了css滤镜追问有什么用啊？这个代码再加上，是不是就可以同时自适应手机和平板的屏幕了？

追答不是，是网页的比例
name="viewport" //媒体类型
content="initial-scale=1 // 最初默认比例
maximum-scale=1, //最大比例
user-scalable=no //禁止用户缩放
width=device-width" //设备宽度