HTML元素<div>水平垂直居中</div>css样式div{width:200px;height:200px; /*设置div的大小*/border:1px solid green; /*边框*/text-align: center; /*文字水平居中对齐*/line-height: 200px; /*设置文字行距等于div的高度 即实现垂直居中*/overflow:hidden; }显示效果原文:http://www.cnblogs.com/liaojie970/p/5254172.html
不废话,直接代码:D: cd D:\src\testproj\PrecompiledWeb svn revert ../ -R svn update ..rmdir BS /S /Q C:\Windows\Microsoft.NET\Framework64\v4.0.30319\MSBuild.exe ..\testproj.sln /p:DeployOnBuild=true /p:PublishProfile=..\BS\App_Data\PublishProfiles\publish.pubxml /m "C:\Program Files (x86)\Microsoft SDKs\Windows\v10.0A\bin\NETFX 4.6 Tools\aspnet_merge.exe" .\BS -o Site -a -rdel BS\bin\*.pdbcd .. n...
JsFormat:这里下载这插件包 https://github.com/sprinng/JsFormat ,点油下角的zip就能下载插件包放到sublime安装目录的Data\Packages目录中重新打开sublime就能使用js格式化插件使用方法:1、快捷键:ctrl+alt+f2、先用快捷键打开命令面板 “ctrl + shift + p”, 再输入 “Format: Javascript” 就可以使用格式化命令 html-css-js prettify:1、快捷键:ctrl+shift+P2、输入install package,选择install package3、输入html-css...
本文实例讲述了DIV+CSS实现的绿色水平一级菜单代码。分享给大家供大家参考。具体如下:这是一款基于DIV+CSS实现的绿色水平网站菜单,相信是你喜欢的一种CSS菜单,绿色风格,用到了几张背景图片,大家顺着路径把图片下载下来吧。这款菜单整体感觉效果不错,兼容性又好,不管是用在你的网站或是学习研究CSS,都是不错的选择。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/div-css-green-line-nav-menu-codes/具...
· 雅虎工程师提供的CSS初始化示例代码body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; } body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; } td,th,caption { font-size:14px; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } a...
<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...