摘要： 设置盒子的阴影： box-shadow: 10px 10px 5px #888888; 语法： box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允 阅读全文

摘要： 设置盒子的边框为圆角： 设置上下左右 border-radius：10px; 设置上左 border-top-left-radius：10px; 设置上右 border-top-right-radius：10px; 设置下左 border-bottom-left-radius：10px; 设置下右 阅读全文

摘要： 设置盒子中元素的外边距： 上边距 margin-top：10px; 下边距 margin-bottom：10px; 左边距 margin-left：10px; 右边距 margin-right：10px; 复合写法： 上下左右边距 margin：10px; 上下，左右边距 margin：10px 1 阅读全文

摘要： 设置盒子中元素的内边距： 上边距 padding-top：10px; 下边距 padding-bottom：10px; 左边距 padding-left：10px; 右边距 padding-right：10px; 复合写法： 上下左右边距 padding：10px; 上下，左右边距 padding： 阅读全文

摘要： border-width： 设置边框上下左右宽度 border-width: 10px; 设置边框上下，左右宽度 border-width: 10px 20px; 设置边框上，下，左，右宽度 border-width: 10px 10px 20px 20px; border-style： 设置边框上 阅读全文

摘要： 层叠性： 相同的选择器给设置相同的样式，此时样式就会覆盖另一个冲突的样式，层叠性主要是解决样式冲突的问题。 样式发生冲突时，层叠性的原则是就近原则，哪个样式离结构近就执行哪个样式 div { color: red; } div { color: pink; } 继承性： 子标签会继承父标签的某些属性 阅读全文

摘要： 背景颜色： background-color: transparent(默认值) 支持颜色二进制，rgb(255,255,255)，rgba(255,255,255,0.5)等显示 背景图片： 设置背景图片 background-image: none or url(图片地址); 设置图片显示的方式 阅读全文

摘要： 元素之间的转换： display:inline - 转换为行内元素 display:block - 转换为块状元素 display:inline-block - 转换为行内块状元素 阅读全文

摘要： 1.! 生成html初始结构 2.标签#id div#small: <div id="small"></div> 3.标签.class div.small：<div class="small"></div> 4.子节点 > div>ul>li： <div> <ul> <li></li> </ul> 阅读全文

摘要： 1.内部样式表： 在html页面内部写样式，style标签理论上可以写在任何的位置，当时通常写在head标签内 2.行内样式表： 在标签内写css样式 <p style="color:red;font-size: 22px">行内样式表</p> 3.外部样式表： <link rel="stylesh 阅读全文