CSS
陈宗毅
我是一个很普通的男生……但是我坚信明天会更好……
展开
-
使用CSS—轻松学习网站界面制作(一)
这些天为了做一个网站,所以顺便学习了一下CSS,不能算是很专业的学习CSS,主要是为了更好的完善这些个界面而学习,写这篇博客是为了让大家和我一起来学习做网站,体会做网站的乐趣,达到轻松学习的目的。CSS特点:实现一个网页内容与样式的分离。这是CSS非常有优势的一个特点,省去了我们很多的麻烦。我们来做一个简单的例子来看一下这个效果:<!-- 创建人:陈宗毅-->原创 2012-06-24 22:43:17 · 4502 阅读 · 15 评论 -
精通CSS.DIV网页样式与布局(六)——页面和浏览器元素
在页面和浏览器中,除了文字、图片、表格、表单等,还有很多各种各样的元素,我们这回对这些元素进行一一的介绍;这次我们将介绍到丰富的超链接特效、鼠标特效、页面滚动条。丰富的超链接特效中,我们首先来介绍动态超链接,我们看一下效果图:代码如下:动态超链接<!--body{ background:url(bg9.gif); /* 页面背景图片 */ ma原创 2012-10-02 11:02:35 · 5887 阅读 · 2 评论 -
精通CSS.DIV网页样式与布局(四) ——页面背景
咱们这回来讲讲CSS如何对网页的背景进行设置,网页的背景是整个网页的重要组成部分,他直接决定了整个网页的风格和色调。我们这回主要来学习如何用CSS来设置背景颜色、背景图片。背景颜色:CSS设置背景颜色特别简单:background-color:采用十六进制的设计方法。背景颜色不但可以给网页设置背景颜色,同样也可以给网页分块。我们接下来看,用背景色给页面分块:我们看代码:原创 2012-10-02 10:11:33 · 12972 阅读 · 5 评论 -
精通CSS.DIV网页样式与布局(七)——制作实用菜单
咱们这节主要讲解CSS如何制作网页中采用的菜单,其中包括项目列表、无需表格的菜单、菜单的横竖装换以及流行的Tab菜单。我们首先看项目列表:列表的符号;我们看看代码:项目列表<!--body{ background-color:#c1daff;}ul{ font-size:0.9em; color:#00458c; list-style-type:decim原创 2012-10-02 11:12:50 · 6681 阅读 · 2 评论 -
精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式
表格和表单是网页中非常重要的两个元素,我们这次来说说CSS如何设置表格和表单样式。我们先来看看CSS如何控制表格。首先表格中的标记:我们看一下代码:年度收入<!--table{ caption-side:bottom;}--> 年度收入 2010 - 2012 2004 2005 2006 2007 拨款原创 2012-10-02 10:38:45 · 83669 阅读 · 2 评论 -
精通CSS.DIV网页样式与布局(三)——中秋效果图
这篇博客,咱们继续来进行进行CSS+DIV的其他效果来进行分析,起码能做到够用,对吧。前面讲了些很基础的东西,详情请看:精通CSS.DIV网页样式与布局(二)—— 段落精通CSS.DIV网页样式与布局(二)精通CSS.DIV网页样式与布局(一)咱们之前讲了文字的效果,我们这次来讲图片效果,我们看是如何控制图片显示的效果。图片样式:这部分的内容原创 2012-09-30 16:33:30 · 4006 阅读 · 3 评论 -
精通CSS.DIV网页样式与布局(二)—— 段落
我们在上一个文章中详细的阐述了CSS是如何控制文字的显示效果的,接下来,为了需要,我们继续来完善CSS对段落的控制的显示效果。我们看看段落的水平对齐方式:看一段代码: 水平对齐<!--p{ font-size:12px; }p.left{ text-align:left; } /* 左对齐 */p.right{ text-align:right; } /原创 2012-09-29 12:41:28 · 4183 阅读 · 6 评论 -
精通CSS.DIV网页样式与布局(二)
在前面的一篇文章中,我们已经阐述了CSS的基本语法,很基础;其实学习任何一个东西,都必须从基础开始。你没有好的基础,就想很钻研的很输入,那么到头来,还是有非常多的疑惑。其实我们学校里边上课,老师讲的也是很基础的东西,所以很乏味,造成很多同学不听课,然后不知不觉的,老师就讲到了一些实例的时候,自己才想着去钻研,但是自己还得回头看基础。所以看这篇文章的时候,有不解的地方,回头看第一篇文章精通CSS.D原创 2012-09-29 10:15:41 · 3945 阅读 · 10 评论 -
精通CSS.DIV网页样式与布局(一)
一直都想写一个CSS+DIV系列的文章,但是总想找个合适点时间,整理整理。再写个系列,但是现在觉得什么事都不要推,有些东西,能当天做完就当天做完,要不过了,你也许不想做了,或许有一种错觉觉得意义就不大了,所以这个css+div控制网页样式与布局,我觉得我要是再不写,过两天就真写不出来了。送大家一句话:当天能做完的事情,绝不留给第二天。我们从最基础,一点点的深入,然后结合例子,慢慢分析,希望原创 2012-09-27 16:54:18 · 5176 阅读 · 23 评论 -
神奇的验证码,我们一起来探究
一开始接触验证码,觉得很麻烦,每次登陆还得输入验证码,甚是麻烦,不是说过一切为了人民服务吗?为什么不给用户带来方便,我想没有哪位用户是愿意输入验证码的,特别是对于视力不是太好的朋友们,有时候很变态,明明记得是输入对了,但是最后显示的是验证码输入错误,这是否跟咱们的软件为人民服务冲突呢?最为难的是春运的时候买火车票,很多人都是买到票之后,由于验证码输入错误或者提交失败一直到提交成功的时候,显示的却是原创 2012-08-15 21:18:33 · 18912 阅读 · 135 评论 -
使用CSS—轻松学习网站界面制作(二)
上次博客中,我们主要是对CSS进行了一个简单的介绍,CSS主要是让网页的内容与样式进行分离,我们需要改内容的时候,我们只需要改对应的样式也就行了;我们接下来介绍一下CSS的核心内容。我们先来看一下两种形式的标签:块级元素,行内元素。块级元素(div):我们看一下效果:我们在HTMLPage中把栏目一的span改为div: 栏目一 栏目二 栏目三原创 2012-06-30 23:47:03 · 3138 阅读 · 26 评论 -
精通CSS.DIV网页样式与布局(八)——滤镜的使用
我们这次来说说滤镜的使用,我们首先看看滤镜的概述:CSS滤镜并不是浏览器的插件,也不符合CSS标准,二而是微软公司为增强浏览器功能而特意开发的并整合在IE浏览器中的又累功能的集合。由于浏览器IE有着很广的使用范围,因此CSS滤镜也被广大设计者所喜爱。CSS滤镜的标识符是“filter”,总体上跟其他CSS语句一样,都十分简单:filter:filtername(parame原创 2012-10-02 11:16:30 · 8444 阅读 · 12 评论