<html><head><title>div+css页面布局</title><meta http-equiv="content-type" content="text/html" ><link rel="stylesheet" type="text/css" href="css/layout.css" /></head><body><div id="container"><div id="head"> <div id="logo"> </div> <div id="banner"> </div> <div id="tool"> </div> <div class="nav"> </div> <div id="menu"> <ul> <li><a href="#">公司概况</a></li> <li class="tiao"></li> ...
【1】如果CSS属性值为0，那么你不必为其添加单位(如:px/em)；下面是你可能的写法：padding: 10px 5px 0px 0px; 但是你可能这样写：padding: 10px 5px 0 0; 【2】背景(background)属性可能会包含设置背景色、背景图、背景图的位置和背景图重复方式的参数；下面是你可能的写法：background-image: url(“logo.png”); background-position: top center; background-repeat: no-repeat;但是你可以这样写：background: url(logo.png)...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--html 在一个网页中负责的事情是一个页面的结构css(层叠样式表) 在一个网页中主要负责了页面的数据样式。编写css代码的方式：第一种： 在style标签中编写css代码。 只能用于本页面中，复用性不强。格式 ：<style type="text\css">编写css的...
本文实例讲述了纯CSS实现漂亮的下拉导航效果代码。分享给大家供大家参考。具体如下：这是一款纯CSS完成的下拉导航代码，蓝色经典色调，非常大气，适合政府和企业类网站作为顶部的导航菜单，浏览器兼容性完成OK，有需要的朋友可以拿去。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/css-xlcd-nav-menu-codes/具体代码如下：复制代码代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"...
/*公用*/ body {font-size:15px;padding:0;margin:0;font-family: "SamsungSharpSans","Microsoft Yahei","微软雅黑","Simsun","宋体",arial;background:#f0f0f0 no-repeat top center fixed;min-width:1200px; } #home {opacity: 1;filter: alpha(opacity=95);box-shadow:0 0 8px #BBB;margin:40px auto;width:1024px;background:#fff;overflow:auto;/*border:solid 1px #fff;*/ } /*段落*/ .postBody p,.postCon p {margin:7px ...
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style>.droplet { width: 4em; height: 4em; border-radius: 80% 0 55% 50% / 55% 0 80% 50%; background-color: #07C; transform: rotate(-45deg);} </style></head><body> <div class="droplet"></div> </body></html>原文：http://www.cnblogs.com/DonaldTrump/p/5773600.html
要怎么实现下面的效果.只要在列表项之间避免换行就行了,所以要把<li>转换为内联. HTML和CSS代码如下: 复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> <head> <title>Lists as navigation</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel...
颜色值1、英文命令颜色前面几个小节中经常用到的就是这种设置方法：p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。p{color:rgb(133,45,200);}每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。如：p{color:rgb(20%,33%,25%);}3、十六进制颜色这种颜色设置方法是现在比较普遍使用的方法，其原理其实也是 RGB 设置，但是其每一项的值由 0-255...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" mrc="text/html; charset=utf-8" /><title>CSS未知高度垂直居中</title><style type="text/css">html,body{ height: 100%; padding:0; margin:0;}body{ min-height: 200px; text-align: center; min-wid...
好久没发了 ，今天刚学了点东东，顺便挖过来，happy一下 第一种：代码： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <style type="text/css"> .div1{width:30%;padding-bottom:32767px;margin-bottom:-32767px;float:left} .div2{width:40%;paddin...
实现文字环绕效果需要先设定float的参数，如果图片需要左对齐设为left，若右对齐则为：right。此外，我们还可以根据需要设置图片和文字间隔的空间，同样适用CSS的padding。<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>文字环绕</title><style> div { width:300px; border:1px solid green } img { float:left; width:120px; height:120px }</style></head><bod...
都说自己工资低的，先看看这些代码你能写出来不？这些都不会，你还嫌工资？原文：http://blog.csdn.net/kgsew/article/details/39399673
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS圆角折叠菜单</title> <style type="text/css"> #menu { font-size:12px; height:380px; margin:0; padding:0; width:180px; overflow:hidden; background:#f0f0f0; list-style:none; border-left:1px solid #DDD; border-right:1px solid #DDD; } #menu li a { display:block; text-d...
CSS颜色代码大全 FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA #FF0088 #C10066 #A20055 #8C0044 #FFCCCC#FF8888#FF3333 #FF0000 #CC0000 #AA0000 #880000 #FFC8B4#FFA488#FF7744 #FF5511 #E63F00 #C63300 #A42D00 #FFDDAA#FFBB66#FFAA33#FF8800 #EE7700 #CC6600 #BB5500 #FFEE99#FFDD55#FFCC22#FFBB00 #DDAA00 #AA7700 #886600 #FFFFBB#FFFF77#FFFF33#FFFF00#EEEE00#BBBB00#888800#EEFFBB#DDFF77#C...
图片排满一行。左右两端无间隙。<style type="text/css"> .img_abc{float:left;width:30%;margin-left:5%;} .img_abc:first-child{margin-left:0} .body92{margin-left:4%;margin-right:4%;}</style><div class="body92"><img src="1408587440309.png" class="img_abc"><img src="1408587445662.png" class="img_abc"><img src="1408587456115.png" class="img_abc"></div> 原文：http://www.cnblogs.com/qq21270/p/3926726.html