【2017-03-23】CSS基础:内联样式

CSS:层叠式样式表

内联样式,样式优先级最高的

以属性的方式进行样式排布:style="  "

style=" "   引号内可放:

300px;       宽

height:200px;      高

background-color:red/#303030;       背景色

font-weight:blod;     字体加粗

font-style:italic;       字体倾斜

text-decoration:line-through;      字体的删除线

text-decoration:underline;           字体的下划线

font-size:12-18px;       字体大小

font-family:黑体;           字体类型

color:red/#303030;      字体颜色

background-image:url(图片路径);       背景图片

background-repeat:repeat-x;背景图像在横向上平铺/repeat-y;背景图像在纵向上平铺

/repeat;背景图像在横向和纵向平铺/no-repeat;背景图像不平铺

/round;背景图像自动缩放直到适应且填充满整个容器/space;背景图像以相同的间距平铺且填充满整个容器或某个方向

float:left/right;           流式布局

min-                 最小宽度

class是样式表引用关键字,就是指定<div>这个区块的的css样式是d1

将<div></div>排布到页面中间

 <div style="200px;height:300px;border:5px solid red;position:absolute;top:50%;margin-top:-150px; left:50%; margin-left:-100px;"></div>

原文地址:https://www.cnblogs.com/qq609113043/p/6605673.html