有关HTMLCSS的基础知识(二)

基础知识(二)"/>

有关HTMLCSS的基础知识(二)

 39、 继承的贡献值

40、CSS 可以添加背景颜色和背景图片，以及来进行图片设置。

background-color	背景颜色
background-image	背景图片地址
background-repeat	是否平铺
background-position	背景位置
background-attachment	背景固定还是滚动
背景的合写（复合属性）
background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置

41、背景图片

42、背景平铺（repeat）

 

43、背景附着

44、背景简写

45、背景透明（CSS3）

46、盒子边框（border）

47、表格的细线边框

 圆角边框

48、内边距（padding）

49、外边距盒子居中

50、相邻块元素垂直外边距的合并

51、嵌套块元素垂直外边距的合并

52、content宽度和高度

53、盒子阴影

54、浮动：可以让多个div在同一行显示

55、清除浮动

56、清除内外 *{margin:0;padding:0}

57、父级添加overflow属性方法

58、使用after伪元素清除浮动

59、使用before和after双伪元素清除浮动

60、相对定位

注意：

相对定位最重要的一点是，它可以通过边偏移移动位置，但是原来的所占的位置，继续占有。

其次，每次移动的位置，是以自己的左上角为基点移动（相对于自己来移动位置）

就是说，相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。（相对定位不脱标）

61、静态定位

62、绝对定位的盒子水平/垂直居中

63、叠放次序（z-index）

64、display显示

65、visibility隐藏

66、overflow溢出

67、鼠标样式cursor

68、轮廓outline

69、防止拖拽文本域resize

70、vertical-align垂直对齐

71、去除图片底部空白缝隙

72、溢出文字隐藏

work-break自动换行

73、精灵技术的本质

为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术

74、精灵技术的使用

75、制作精灵图

76、滑动门核心技术

77、在HTML中引入字体

第一步：在样式里面声明字体： 告诉别人我们自己定义的字体

在style标签声明

@font-face {

  font-family: 'icomoon';

  src:  url('fonts/icomoon.eot?7kkyc2');

  src:  url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),

    url('fonts/icomoon.ttf?7kkyc2') format('truetype'),

    url('fonts/icomoon.woff?7kkyc2') format('woff'),

    url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}

第二步：给盒子使用字体

第三步：盒子里面添加结构

78、W3C 统一验证工具： /  可以检测本地文件