麻烦老师解释下这串CSS代码(标注下是怎么运行的)

发布网友 发布时间：2024-10-24 17:48

我来回答

共3个回答

热心网友 时间：2024-11-02 15:50

display:block;元素被设置成块级元素

定位在屏幕固定位置。居屏幕底部0像素，右边1像素(18像素)这里有个处理兼容的玩意
position:fixed;bottom:0px;right:1px!important;right:18px;

width:200px;宽
line-height:30px;行高
border:1px solid #fff;边框
text-align:center;文字居中对齐
color:red;文字颜色
background:#000;背景色

css不是怎么运行的，是怎么被浏览器解析渲染出来的，三言两语是解释不清楚的，你只关心你在浏览器看到的结果即可。

热心网友 时间：2024-11-02 15:51

WEB开发----南方大区 301909232

热心网友 时间：2024-11-02 15:55

display:block;显示为块级元素
position:fixed;位置固定在bottom:0px;底部0像素右1像素优先right:1px!important;右18像素right:18px;
宽200像素width:200px;
文本居中text-align:center;
行高30像素line-height:30px;
边框border:1px solid #fff;
文字颜色color:red;
背景色background:#000;

放在#s{ 上面的代码放在这 }
或.b{ 或这 }
<div id="s">有运用css样式的地方</div>
<div class="b">有运用css样式的地方</div>
<div style="上面的样式放在这">有运用css样式的地方</div>
这样就用浏览器运行