一半设计一半前端

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）实现块状元素的并排，但是会产生高度不自适应和...

在css2时代，如果文字制作了特殊的样式，比如图层样式之阴影发光等效果，必须把该文字保存为图片才能展示在网站上。而css3新增的text-shadow属性，可以轻松实现文字投影、发光、内阴影等很棒的立体效果，具体效果如图：˂...

图像传达信息的能力与文字一样，甚至更具感染力，所以网页中一定少不了图片的应用。图像主要有三种用法：1、普通图片，用<img/>标签显示在网页中的素材。2、背景图片，用来美化网页或者显示特殊字体效果。3、图片地图热区，实现一张图片有多个超链接。一、普通图片<img/><i...