荣华的博客

什么是CSSCSS指层叠样式表（Cascading Style Sheets）作用：定义了如何显示HTML元素样式通常存储在样式表中外部样式表通常存储在css文件中，文件以.css结尾多个样式定义可以层叠为一，即多个样式可以作用在同一元素上优点1：解决了内容与表现分离的问题优点2: 可以极大的提高工作效率CSS语法css的作用是定义了如何显示HTML元素，那么他就...

CSS选择器id选择器 #id名{}id选择器可以为标有特定id的HTML元素指定样式#test { color:red}<p id="test">我将以红色显示</p>class选择器 .class名{}多个元素可以有同一个class一个元素可以有多个class.center{ text-align:...

创建CSS样式表的三种方式外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择创建一个以.css为扩展名的外部样式表，在里面写CSS语句使用link标签引入到html页面中base.css文件*{ padding: 0; margin: 0;}a{ text-decoration: none;}ul ol li{ li...

背景background用于定义html元素的背景，属性都是以background-开头背景颜色 background-color颜色有3种表现方式： 十六进制: “#ff0000”RGB : “rgb(255,20,20)”颜色名称 ：”red”背景图片：background-image注意图片路径background-image: url(...

CSS盒子模型所有HTML元素都可以看作一个盒子从内到外包括：实际内容（Content）、内边距（Padding）、边框（Border）、外边距（Margin）Content内容：盒子的内容，显示文本和图像，我们平时设置HTML元素的宽度和高度时，实际上只是设置了Content的宽度和高度Padding内边距：内容和边框之间的距离，是透明的Border边框：边框我们经常设置他的样式、...

表格table表格边框 border表格的边框属性同CSS盒子模型的属性表格的th/td都有独立的边框，表格也默认有一个边框，所有默认的表格有双边框如果要让表格折叠为一个单一的边框或隔开（默认），可以使用border-collapse属性border-collapse:collapse; 折叠border-collapse:separate; 隔开表格文字对齐...

显示 Displaydisplay属性用于设置一个元素该如何显示display属性有以下4个： none 隐藏元素，元素不占任何空间block 将元素以块元素的方式显示inline 将元素以内联元素的方式显示inline-block 将元素以内联块元素，表现为同行显示并可修改宽 高 内外边距等属性，如我们常将ul显示为display：inline-block，原本垂直的列表就可以水...

定位 position元素可以使用 top right bottom left属性定位，但是都要先设定position类型，否则不能正常工作position属性指定了元素的定位类型：static fixed relative absolutestatic 静态定位这是HTML元素的默认值，元素出现在正常的流中，static定位不会受到上下左右的影响fixed...