一半设计一半前端

今天32G的U盘掉了，其实优盘无所谓，关键是里面满满的教学资料，好多新内容还没有备份到电脑上，好心塞！一点幽默的开头语都想不出来了，直接进入正题吧。一、认识谷歌浏览器“审查元素”中的盒模型。查看一个元素，只需要看这个图，你就应该知道该对象有这几个属性值：1、宽高（336px*114px）2、padd...

一、width（宽度）和height（高度）不是所有的html元素都可以设置宽高的。像div一样的块状对象可以设置宽高，但是像a、span一样的内联对象就不可以设置宽高，除非先转换成块状对象。如果对块状，内联对象不清楚的童鞋，可以先看这篇文章：CSS教程：display常用的四个值（block,in...

CSS的全名叫“层叠样式表”，“层叠”是非常关键的一个词，代表了不同来源的样式在最终的效果上呈现继承、叠加、冲突覆盖等。一、CSS的五种来源1、浏览器默认样式2、浏览器用户自定义样式3、<link>外部样式表4、<style>内部样式表5、<标签  style...

每天上完课后我都会布置上机作业，然后在第二天上课的时候当众点评，因为都是投影教室，这样学生也可以参考别人的作业，从别人的优点和缺点中去学习。利用下课时间，我会在作业检查表上给交了作业的同学后面打上勾。遗憾的是，我不是每次都能及时记录，一个星期大概有两三次。几个星期下来，作业检查表上呈现出了几种情况：...

CSS如何应用到网页中呢？大致有三种方法：1、行间样式表2、内部样式表3、外部样式表一、行间样式表<h1 style="text-align:center;color:#f90;">文章标题</h1>很明显，这种写法，style样式和html结构...

border属性在CSS3新增了很多样式，比如border-radius圆角样式，其中可以为border-color设置transparent值则实现了利用该样式绘制三角形等的能力。transparent表示透明，透明不代表不存在。在CSS2里面，只能为background-color设置该值，在C...

CSS，全名为“层叠样式表”，Cascading Style Sheets，样式表比较好理解，就是为网页添加了样式，而层叠比较难理解，它的核心是“继承”与“冲突”。CSS的目的：重定义HTML的默认样式。也许你觉得HTML标签的默认样式很丑，但是却没有在意过这些标签为什么丑，它有什么默认的样式？我如...

表单的目的是获取用户的信息，然后处理信息并返回给用户结果，比如百度搜索，登录表单，或者保存用户的信息到数据库中，比如注册表单，发表日志，评论别人的文章等。一、表单的结构1、必须有表单的标签<form></form>，把所有可以输入信息的控件包含在表单的标签里面。2、要有用户能...

与text-shadow的原理一样，只不过text-shadow是为文字做阴影，而box-shadow是为盒对象做阴影。这里的盒包括块状(block)、内联(inline)、内联块状对象(inline-block)。如果对盒对象不清楚的童鞋，可以先看这篇文章：˂a href="http://mrsz...

网页的元素总体可以概括为两大类：1、块状对象（block）2、内联对象（inline）一、什么是块状（block）对象？无论宽度多少，都独占一个通栏的，不能和别的对象并排在一起的就是。比如h1~h6,div,ul,li,p等元素。可以通过浮动（float）实现块状元素的并排，但是会产生高度不自适应和...