CSS知识梳理

1、盒子模型

位置 属性
外边距 marginmargin-topmargin-rightmargin-bottommargin-left
边框 borderborder-styleborder-widthborder-color
内边距 paddingpadding-toppadding-rightpadding-bottompadding-left
元素 widthheight

2.定位

属性
position absolutefixedrelativestaticinherit
top
right
bottom
left
overfiow visiblehiddenscrollautoinherit
float leftrightnoneinherit
clear leftrightbothnoneinherit

3、其他样式

名称 作用
background 背景声明
background-color 背景色
background-image 背景图片
background-position 背景定位
text-indent 文本缩进
text-align 文本对其
word-spacing 字间距
text-transform 字符转换
direction 文本方向
font 字体
font-family 字体
font-style 字体倾斜
font-weight 字体加粗
font-size 字体大小
text-decoration 去掉连接下划线
list-style 列表
list-style-type 设置列表项标志的类型

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 12,295评论 1 91
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 982评论 0 6
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,119评论 0 6
  • 1.认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义H...
    静默丶阅读 4,888评论 30 95
  • 1.CSS盒模型 盒子模型有两种,分别是标准盒子模型和IE盒子模型。 CSS 把盒模型分为两种基本形态:Block...
    莫失丿莫忘阅读 292评论 0 2
  • 伤痛会好的 像大雨会停一样 幸福会来的 像阳光会来一样
    没风可不行阅读 155评论 0 0
  • 白日如目,目清则神明,黑夜如心,心安则神通,清与安同道而驰,看世界的眼睛最是矫情了,容不得半粒尘埃,在这纷杂的世界...
    马恬之阅读 175评论 0 0
  • 互联网时代,英语的重要性越来越明显了。每次到国外旅游一次,就迫切想把英语学好。因为,我每次走出国门,就像哑巴一样,...
    霞满人间阅读 254评论 0 1
  • 看看昨日逝去的流水,逝去的光阴痛心疾首地看着我毫无办法,毫无办法 日子就这样过去了粗糙我的容颜,打磨我的初心抓不住...
    瑜伽散人阅读 169评论 0 8