样式归纳小结

列表

list-style

简写属性在⼀个声明中设置所有的列表属性。设置顺序：list-style-type, list-style-position, list-style-image。默认值为：disc outside none。

list-style-type:none；无样式

list-style-position 设置在何处放置列表标记

outside  在文本外    默认值

inset   在文本内    

list-style-image   url=""   引入图片

表格样式

display: none;    隐藏  不占位置

overflow

overflow   

    scroll    超出部分添加滚动条

    hidden   超出部分隐藏

    auto    根据需求添加滚动条

css盒子模型

margin    盒子与盒子之间的距离

padding   内容与边框之间的距离   内边距

圆角

border-radius :(左上) (右上) (左下) (右下);

            border-top-left-radius: 左上角;
            border-top-right-radius:  右上角;
            border-bottom-left-radius: 左下角;
            border-bottom-right-radius:右下角 ;

怪异盒子 box-sizing

box-sizing:content-box;  把怪异盒子变成标准盒子。

box-sizing: border-box; 把标准盒子变成怪异盒子

示例

outline  改变点击文本框后的颜色