一半设计一半前端

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

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

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

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

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

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

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

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

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

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