CSS的全名叫“层叠样式表”,“层叠”是非常关键的一个词,代表了不同来源的样式在最终的效果上呈现继承、叠加、冲突覆盖等。一、CSS的五种来源1、浏览器默认样式2、浏览器用户自定义样式3、<link>外部样式表4、<style>内部样式表5、<标签 style...
2016年05月31日 4524
最近更新
杂谈
你只努力一次还是每次都努力?
每天上完课后我都会布置上机作业,然后在第二天上课的时候当众点评,因为都是投影教室,这样学生也可以参考别人的作业,从别人的优点和缺点中去学习。利用下课时间,我会在作业检查表上给交了作业的同学后面打上勾。遗憾的是,我不是每次都能及时记录,一个星期大概有两三次。几个星期下来,作业检查表上呈现出了几种情况:...
2016年05月27日 3639
CSS教程
CSS第二课:如何应用CSS到网页中?
CSS如何应用到网页中呢?大致有三种方法:1、行间样式表2、内部样式表3、外部样式表一、行间样式表<h1 style="text-align:center;color:#f90;">文章标题</h1>很明显,这种写法,style样式和html结构...
2016年05月27日 3813
CSS教程
CSS3教程:利用border的transparent特性完成面包屑导航
border属性在CSS3新增了很多样式,比如border-radius圆角样式,其中可以为border-color设置transparent值则实现了利用该样式绘制三角形等的能力。transparent表示透明,透明不代表不存在。在CSS2里面,只能为background-color设置该值,在C...
2016年05月26日 4542
CSS教程
CSS第一课:CSS简介及选择器介绍
CSS,全名为“层叠样式表”,Cascading Style Sheets,样式表比较好理解,就是为网页添加了样式,而层叠比较难理解,它的核心是“继承”与“冲突”。CSS的目的:重定义HTML的默认样式。也许你觉得HTML标签的默认样式很丑,但是却没有在意过这些标签为什么丑,它有什么默认的样式?我如...
2016年05月24日 4240
HTML教程
HTML第八课:表单
表单的目的是获取用户的信息,然后处理信息并返回给用户结果,比如百度搜索,登录表单,或者保存用户的信息到数据库中,比如注册表单,发表日志,评论别人的文章等。一、表单的结构1、必须有表单的标签<form></form>,把所有可以输入信息的控件包含在表单的标签里面。2、要有用户能...
2016年05月23日 4517
CSS教程
CSS3教程:box-shadow完成盒阴影效果
与text-shadow的原理一样,只不过text-shadow是为文字做阴影,而box-shadow是为盒对象做阴影。这里的盒包括块状(block)、内联(inline)、内联块状对象(inline-block)。如果对盒对象不清楚的童鞋,可以先看这篇文章:˂a href="http://www....
2016年05月20日 6841
CSS教程
CSS教程:display常用的四个值(block,inline,none,inline-block)
网页的元素总体可以概括为两大类:1、块状对象(block)2、内联对象(inline)一、什么是块状(block)对象?无论宽度多少,都独占一个通栏的,不能和别的对象并排在一起的就是。比如h1~h6,div,ul,li,p等元素。可以通过浮动(float)实现块状元素的并排,但是会产生高度不自适应和...
2016年05月19日 4412
CSS教程
CSS3教程:text-shadow制作文字阴影效果
在css2时代,如果文字制作了特殊的样式,比如图层样式之阴影发光等效果,必须把该文字保存为图片才能展示在网站上。而css3新增的text-shadow属性,可以轻松实现文字投影、发光、内阴影等很棒的立体效果,具体效果如图:˂...
2016年05月18日 4974
HTML教程
HTML第七课:图像
图像传达信息的能力与文字一样,甚至更具感染力,所以网页中一定少不了图片的应用。图像主要有三种用法:1、普通图片,用<img/>标签显示在网页中的素材。2、背景图片,用来美化网页或者显示特殊字体效果。3、图片地图热区,实现一张图片有多个超链接。一、普通图片<img/><i...
2016年05月17日 5481