随笔分类 -  css

使用html+css仿搜狐网址页面布局
摘要：html代码为：<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head> <title>souhu.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3 阅读全文
posted @ 2012-05-05 14:37 Java EE 阅读(458) 评论(0) 推荐(0)
使用盒子模型仿照优酷的页面片段
摘要：我们经常能看到优酷页面上整齐的摆放着各个视频，每个视频加下面的文字都像是放在一个固定大小的盒子里，看起来很整齐，正是使用盒子模型弄出来这样的效果。使用一个大的div，里面嵌套无序列表，在无序列表中摆放各个视频加文字，实现盒子模型。原图为：仿图效果为：代码如下：html代码为：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> &l 阅读全文
posted @ 2012-05-02 10:45 Java EE 阅读(293) 评论(0) 推荐(0)
css中选择器的使用
摘要：css中通过使用选择器，使界面整齐，使代码整洁。各个选择器的使用代码如下：@CHARSET "UTF-8";/*使用类选择器*/.style1{ font-size: 20px; color: blue; font-style: italic; background-color: silver; } /*使用id选择器*/ #style2{ font-size: 50px; color: purple; } /*使用html选择器 滤镜的使用*/ a:link img{ filter:gray; } a:hover img{ filter:""; }使用 阅读全文
posted @ 2012-05-01 10:14 Java EE 阅读(197) 评论(0) 推荐(0)