浅谈HTML（css基础样式）

ttx9n · 发表于 2016-6-27 09:56:17

下面小编就为大家带来一篇浅谈HTML（css基础样式）。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

solid 边框加粗
border：5px 设置边像素
display:inline-block 横着显示块状的
line-height:40px 字体上下居中
text-align：center 字体左右居中
margin-right：20px 调整外界边框

CSS Code复制内容到剪贴板

201606270952565.png

2. margin;边距，顺序是上，右，下，左可以负数

CSS Code复制内容到剪贴板

201606270952566.png

2.1 padding:内边距顺序一样，上，左，下，右，从内边缘开始长胖

CSS Code复制内容到剪贴板

201606270952567.png

3.margin-top 设置元素的上外边距，如果有多个边距则选择最大值

CSS Code复制内容到剪贴板

201606270952568.png

浮动调整

1.无浮动效果

CSS Code复制内容到剪贴板

<div style="width: 200px; height: 200px;border: 10px darkmagenta solid">无与伦比</div>
<div style="width: 300px;height: 300px;background-color: chartreuse">的美丽</div>

201606270952569.png

2.有浮动的效果

CSS Code复制内容到剪贴板

<div style="width: 200px; height: 200px;border: 10px salmon solid;float:left">无与伦比</div>
<div style="width: 300px; height: 300px;background-color: seashell">美妙绝伦</div>
<br>

2016062709525610.png

3.清除浮动

CSS Code复制内容到剪贴板

<div style="width: 200px;height: 200px;border: 10px darkgoldenrod solid;float: left">无与伦比</div>
<div style="clear: left;width: 300px;height: 300px;background-color: chartreuse;">美妙绝伦</div>
<!--clear:left 清除浮动，只可以清除左浮动
clear:both 清除所有浮动

输出的结果是，和没写浮动是一样的

以上就是小编为大家带来的浅谈HTML（css基础样式）全部内容了，希望大家多多支持脚本之家~

j__j33p · 发表于 2022-9-13 20:47:46

建军节建军节建军节建军节

idy6_yus · 发表于 2022-10-22 05:21:29

66666666666

6q8s6p21 · 发表于 2023-3-24 19:57:34

建军节建军节建军节建军节

cxst1h57 · 发表于 2023-4-2 17:22:41

可以，看卡巴

qwe520 · 发表于 2023-5-31 00:31:13

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

q215357618 · 发表于 2023-9-7 16:53:51

iiguuubhuiuihu

4k0mp7m · 发表于 2023-9-10 14:31:44

抽根烟，下来看看再说

360784533 · 发表于 2024-3-17 05:29:13

2222222222222222

5vulod · 发表于 2024-4-26 05:47:45

你们谁看了弄洒了可能

账号		自动登录	找回密码
密码			立即注册

[CSS] 浅谈HTML（css基础样式）