又一个典型css实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" Content="PR，qq:50198763" />
<title>PR</title>
<style type="text/css" media="screen">
<!--
@charset "gb2312";
/* PR css 全局设置 */
body,a,strong,input,button,h1,h2,h3,h4,h5,h6,h7 {font:12px "Arial","宋体","Tahoma","QQ 50198763",sans-serif;}/*12px大，字体优先：Arial,然后:宋体,Tahoma,族科:sans-serif*/
html,body {height:100%;}/*设置浏览器高度为100%*/
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}/*设置body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6内外补丁为0*/
div,p {display:block;}/*所有div,p为块元素*/
ul,ol,dl {list-style:none;}/*所有项目符号显示无*/
img {border:0;}/*所有图片边框无*/
a {text-decoration:none;}/*所有链接无修饰[上,下划线,虚线...]*/
a:hover {text-decoration:underline;}/*所有链接鼠标放上时为下划线*/
button {cursor:pointer;}/*所有按钮鼠标放上时为手型标志*/
/* 全局设置完毕 */
/* 布局 */
#box { width:548px; padding-bottom:8px; }
#box h3 { height:17px; padding-top:10px; }
#box .bg { padding:5px 10px 0; }
/* 修饰 */
#box { background:url("images/left-btm.gif") no-repeat center bottom; }
#box h3 { font-weight:bolder; font-size:12px; text-indent:2.5em; background:url("images/left-toptle.gif") no-repeat; }
#box .bg { background:url("images/left-mid.gif") repeat-y; }
-->
</style>
</head>
<body>
<div id="box">
<h3>小狗无道</h3>
<div class="bg">
<p>测试内容</p>
<p>测试内容</p>
<p>测试内容</p>
</div>
</div>
</body>
</html>
相关推荐
-
又一个典型css实例
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
-
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
声明,该DEMO依托于某个培训机构中,非常感谢这个培训结构.话不多说,现在开始改demo的制作. 首先,在前端的学习过程中,轮播图是我们一定要学习的,所以为了更加高效的实现各种轮播图,封装了一个运动的框架. function getStyle(obj,attr) { if(obj.currentStyle){ return obj.currentStyle[attr];//为了获取IE下的属性值 }else{ return window.getComputedStyle(obj,null)[at
-
node.js 核心http模块,起一个服务器,返回一个页面的实例
如下所示: let http=require("http"); //引入核心http模块 let fs=require("fs"); let mime={ '.js':'application/javascript', '.css':'text/css' } //创建一个函数,req代表客户端,res代表服务器可写流 let listener=(req,res)=>{ //res是可写流,有write和end if(req.url==="/"
-
vue+element-ui+ajax实现一个表格的实例
实例如下: <!DOCTYPE html> <html> <head> <script src="js/jquery-3.2.1.js"></script> <script src="vue.js"></script> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.co
-
React中编写CSS实例详解
目录 正文 内联样式 普通的CSS css modules css in js 样式组件 引入外部变量 默认值 引入全局样式 provider 样式继承 动态添加class 正文 目前,前端最流行的开发方式是组件化,而CSS的设计本身就不是为组件化而生的,所以在目前组件化的框架中都在需要一种合适的CSS解决方案 在组件化开发环境下的CSS,应该满足如下需求: 可以编写局部css: css具备自己的具备作用域,不会随意污染其他组件内的元素 可以编写动态的css: 可以获取当前组件的一些状态,根据状
-
Access使用宏控制程序--1.5.一个宏的实例——检验口令
5.一个宏的实例--检验口令 在这个实例中将创建一个将包含条件的宏组,用来实现对口令的检验,如果口令正确,就先关闭这个身份核对窗口,再打开另一个窗体:如果口令不正确,将出现信息框要求重新输入口令. 建立一个窗体,添加文本框,命名为"管理员口令",用来接收用户输入的口令.再建立一个确定按钮和一个取消按钮. 为按钮建立一个宏组,宏的设计视图如上图. "条件"栏内的省略号(-),表示条件为真时可以连续第执行这些操作. 这是窗体运行的效果. 当输入的口令不正确时,单击确定按
-
Oracle sqlldr导入一个日期列实例详解
Oracle sqlldr导入一个日期列实例详解 1. LOAD DATA INFILE * INTO TABLE test FIELDS TERMINATED BY X'9' TRAILING NULLCOLS ( c2 "upper(:c2)", c3 date "yyyymmdd", c1 "SEQ_test_c1.nextval" ) BEGINDATA AAAAAAAAAA 20051201 BBBBBBBBBB 20050112 CR
-
js代码延迟一定时间后执行一个函数的实例
实例如下: setTimeout(funcName,500); function funcName() { xxxxxx; } 0.5秒后执行funcName(),只执行一次 setInterval(funcName,5000); 每隔5秒执行一次funcName() 以上这篇js代码延迟一定时间后执行一个函数的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
用js写的一个路由(简单实例)
前几天在网上看了一个大牛用js写了一个路由的,有一句代码一直不知道怎么回事,后来就自己写了一个,写的比较的粗糙,我觉得把面向对象的思想都搞得乱七八糟的,不过功能实现了. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js实现路由</title> </head> <body> &l
-
数据结构用两个栈实现一个队列的实例
数据结构用两个栈实现一个队列的实例 栈是先进后出,队列是先进先出 每次元素都push在st1中,pop的时候如果st2为空,将st1的栈顶元素放在st2的栈底,这样st1的所有元素都放在st2中,st1的栈底就是st2的栈顶,pop st2的栈顶,这样就满足了队列的先进先出. #include <iostream> using namespace std; #include <stack> #include <stdlib.h> template <class T