摘要： 阅读全文

摘要： 1.先看看经典案例效果图，导出思路：分析：思路基本结构 ………… 2.案例演示：（1）box2.html盒子模型加强（2）box2.css@charset "utf-8";/* CSS Document */.div1 { width:500px; height:600... 阅读全文

摘要： 1.案例一：效果图如下：（1）box1.html盒子模型经典案例 2.box1.css@charset "utf-8";/* CSS Document */body { border: 1px solid red; /*1px 表示边框的宽度 solid 表示实线 red 表示颜色，... 阅读全文

摘要： 1.流流：html元素在网页中显示的顺序标准流：在html文件中，写在前面的元素在前面显示，写在后面的html元素在后面显示。非标准流：在html之中，当某个元素脱离了标准流，那么它处于非标准流2.盒子概念 要弄清盒子模型这个概念，就必须先明白下面这个几个概念： 在网页设计中常听的属性名：内容（co... 阅读全文

摘要： css文件之间相互引用是通过@import指令完成的格式： @import url（"被引用的css文件"）;顺便说一句，如果希望在html或者php文件中引用某个xxx.css也是可以的在 阅读全文

摘要： 1.代码演示：element.html如下：display span1 span2 div1 div2同时element.css文件，如下：@charset "utf-8";/* CSS Document */.s1 { background-color:pin... 阅读全文

摘要： 1.概念：行内元素：又叫内联元素，内联元素只能容纳文本或者其他内联元素，常见的内联元素有块元素：块元素一般都是从新行开始，可容纳文本，其他内联元素和其他块元素，即使内容不能占满一行，块元素也要把整行占满。常见的块元素2.代码演示1：（1）exam.html块元素和行内元素 使用方法--> ... 阅读全文

摘要： 1.（1）exam1.css文件：.s1 { font-size: 50px; color: blue;}.s2 { backgoround:gray; font-style: italic; color: red;}.s3 { background-color:... 阅读全文

摘要： 有些时候，我们可以将多个class选择器或者id选择器，html选择器的共同部分提取出来，写在一起，这样的好处是是可以简化css文件1.首先我们先看一段代码.css,如下：@charset "utf-8";/* CSS Document *//*招生广告*/.ad_stu { width: 1... 阅读全文

摘要： 1.（1）选择器你好，北京！ 新闻1 新闻2 新闻3 新闻4 新闻5 这是一则非常重要的新闻 goto sohu goto sina(2).my.css文件如下：@charset "utf-8";/* CSS Document *//*html的选择器*/body ... 阅读全文

摘要： 1.父子选择器（1）01.html选择器你好，北京！ 新闻1 新闻2 新闻3 新闻4 新闻5 这是一则非常重要的新闻 这是一则非常重要的新闻 goto sohu goto sina（2）my.css@charset "utf-8";/* CSS Doc... 阅读全文

摘要： 通配符选择器： 1 * { 2 margin：10px ;//默认四个位置参数全为零 3 4 margin-top：10px;//分别设置四个参数 5 margin-left：10px; 6 margin-right：0px; ... 阅读全文