一、CSS入门1.1、什么是 CSSCSS 指层叠样式表（Cascading Style Sheets）样式通常存储在样式表中1.2、为什么要使用 CSS样式定义如何显示 HTML 元素为了解决内容与表现分离的问题主要目的：可以让相同的一个页面在不同的浏览器当中呈现相同的样式二、基础语法2.1、CSS 组成2.2、CSS 选择器id 选择器：#id {}class选择器：.className {}元素选择器：tag {}属性选择器：[属性] {}2.3、CSS 创建外部样式表：<link rel="stylesheet" type="text/css" href="mystyle.css">内部样式表内联样式：<p style="color:sienna;margin-left:20px">这是一个段落。</p>

<!--内部样式表--><style>hr {color:sienna;}p {margin-left:20px;}</style>

2.4、背景background：简写属性，可以跟下面的所有值background-color：设置元素的背景颜色background-image：把图像设置为背景background-position：设置背景图像的起始位置background-repeat：设置背景图像是否及如何重复2.5、文本color：设置文本颜色text-align：对齐元素中的文本text-decoration：向文本添加修饰text-indent：缩进元素中文本的首行vertical-align：设置元素的垂直对齐2.6、字体font：在一个声明中设置所有的字体属性font-family：指定文本的字体系列font-size：指定文本的字体大小font-style：指定文本的字体样式font-weight：指定字体的粗细2.7、列表list-style：把所有用于列表的属性设置在一个声明中list-style-image：将图像设置为列表项标志list-style-type：设置列表项标值的类型2.8、表格border：设置表格边框border-collapse：设置表格的边框是否被折叠成一个单一的边框或者隔开width：定义表格的宽度text-align：表格中的文本对齐padding：设置表格中的填充2.9、定位static：没有定位，遵循正常的文档流对象relative：相对定位，元素的定位是相对其正常位置fixed：元素的位置相对于浏览器窗口是固定位置absolute：绝对定位，元素的位置相对于最近的已定位父元素sticky：粘性定位，基于用户的滚动位置来定位2.10、盒子模型Margin(外边距)：清除边框外的区域，外边距是透明的。Border(边框)：围绕在内边距和内容外的边框。Padding(内边距)：清除内容周围的区域，内边距是透明的。Content(内容)：盒子的内容，显示文本和图像2.11、网页布局

霍格沃兹的测试管理班是专门面向测试与质量管理人员的一门课程，通过提升从业人员的团队管理、项目管理、绩效管理、沟通管理等方面的能力，使测试管理人员可以更好的带领团队、项目以及公司获得更快的成长。提供 1v1 私教指导，BAT 级别的测试管理大咖量身打造职业规划。