前端教程

首页>前端教程

CSS3教程:box-shadow完成盒阴影效果

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

CSS教程:display常用的四个值(block,inline,none,inline-block)

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

CSS3教程:text-shadow制作文字阴影效果

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

HTML第七课:图像

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

HTML第六课:列表

列表是组织网页内容非常有用的一种方法。列表主要分为:1、无序列表2、有序列表3、定义列表一、无序列表用在网站的导航(网站主导航,侧边栏导航,文章列表)上,用来组织内容,是一种结构性标签。在li里面可以包含div等布局性的标签。1、基本结构<ul>    &...

HTML第五课:超链接和锚点

了解了URL路径的概念后,超级链接就很容易掌握了。一、超链接超级链接的目的就是实现页面和页面,站点和站点之间的跳转,没有超链接就没有互联网,所以认真学习和工作的时候不要随便点开一个新闻的推送链接,否则你就可能引发多诺米牌效应,最后迷失在互联网里。1、基...

CSS小技巧汇总(不断更新)

这篇文章主要记录学习CSS过程中遇到的很好的小技巧,不断更新……1、平时设置字体的时候总喜欢分开写,比如这样:font-family: Arial, Helvetica;  font-weight: bold;  font-style: ...

利用FontAwesome字体实现小图标的插入

网站上面不是所有的图片都是图片,有些小图标可能是一种特殊字体呈现的,比如这种纵向导航前面的小图标。具体的使用方法如下:1、先下载FontAwesome字体和对应的CSS文件,放在自己的站点css文件夹中。2、...

HTML第四课:物理路径、绝对路径、相对路径

学习超级链接之前,先认识URL(统一资源定位器),如果不考虑百度百科这样专业的解释,我们大致可以把路径分为“物理路径”、“绝对路径”、“相对路径”。一、物理路径,以盘符开头的本地路径,比如:f:\文件夹\1.jpg<ul>     <li&...

HTML第三课:认识标题、段落、区块、强调等文本标签

一个网页中文字是传达信息的主要元素,文本主要由重要的标题、文章段落、被强调的文本、普通的文本组成。一、标题标题标签有六个,依次是h1,h2,h3,h4,h5,h6。<h1>网页最重要的文字标签,一般用在logo、三级页面文章标题上。</h1> <h2>重要性次于...
Top