一、内边距属性1.定义：边框和内容之间的距离就是内边距2.分开写padding-top:数字px；padding-left:数字px；padding-bottom:数字px；padding-right:数字px；3.连写：padding：上右下左；4.注意点：（1）给标签设置内边距之后，标签占有的宽度和高度会发生变化（2）内边距也会有背景颜色<style>div{font...
一、边框属性1.连写（分别设置四条边的边框）border-width:上右下左；border-style:上右下左；border-color:上右下左；注意点：（1）这三个属性是按照顺时针来赋值的，也就是说按照上右下左来赋值，而不是按照日常生活中的上下左右（2）关于省略i.三个（省略左）左右一样，上下按照咱们写的ii.两个（省略左、下）左右一样，上下一样ii.一个（省略右、左、...
一、精灵图练习练习：用精灵图表示出“RUI”工具：AdobeFireworks方法：（1）打开AdobeFireworks（2）选取一张26个英文字母图片（3）先把我们这张图片的图层锁定，原因：防止图片被修改，不可恢复按图片中的顺序进行操作。（4）按顺序进行选取，选择裁剪工具（我们的目的并非真正裁剪，之所以用Adobe的这个工具，是因为如3可以显示这个裁剪区域的实际大小，以及左上角的坐标）...
一、背景图片练习解释：这个例子需要注意的是，我们背景图片嵌套到另一个图片之中。我们设计的注意点在于，怎么定位到我们想定位到的地方。总结：背景图片就是一块一块的，我们想把块的位置定位好（一般就是宽和高的相等），然后再对图片在“块”中进行位置调整就可以了<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title...
一、背景属性缩写的格式1.backgound:背景颜色背景图片平铺方式关联方式定位方式2.注意点：这里的所有值都可以省略，但是至少需要一个3.什么是背景关联方式默认情况下，背景图片会随着滚动条的滚动而滚动，如果不想这样，那么我们可以修改它们的关联方式4.格式：background-attachment:值；值的取值范围：scroll：默认值，会随着滚动条而滚动。fixed:不会随着...
一、背景1.如何设置标签的背景颜色（1）在CSS中有一个background-color：属性值；，就是专门用来设置标签的背景颜色。（2）取值：具体单词、RGB、RGBA、十六进制例子：<style>.p1{background-color:red;}.p2{background-color:rgb(0,255,0);}.p3{background-color:rgba(...
一、我们制作一个百度首页作为练习，可直接复制该代码保存后缀名为.html来查看<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>d93_baidu_home_exercise</title><style>.header{height:250px;/*background-color...
一、CSS显示模式?1.在HTML中HTML将所有的标签分为两类，分别是容器类和文本级。在CSS中CSS也将所有的标签分为两类，分别是块级元素和行内元素2.什么是块级元素呢？什么是行内元素?？（1）块级元素会独占一行（2）行内元素不会独占一行3.块级元素pdivhuloldllidtdd行内元素spanbuisstongeminsdel4.记忆攻...
一、div标签1.作用：一般用于配合CSS完成网页的基本布局2.例子：<style>.head{width:980px;height:100px;background:red;margin:auto;}.content{width:980px;height:300px;background:green;margin:auto;}.footer{width:980px;height:100px;b...
一、什么是优先级的权重1.作用：当多个选择器混合在一起的时候，我们可以通过计算权重来判断谁的优先级最高。2.权重的计算规则公共代码：<body><divid="identity1"class="box1"><ul><li><pid="identity2"class="box2">试炼语句</p></li></ul></div></body>（1）首先计算选择器中有多少个id，i...