body{}表示是对body标签的设置,就是<html><head></head><body></body></html> 里面的body。 *{}表示对页面所有元素的设置,一般我们会设置*{margin:0px;padding:0px}来表示所有元素的margin和padding为0; 这两个的设置一般是为了页面标签的初始化,因为不同的浏览器默认标签有一些不同的属性。比如chrome默认li有margin-left:30px;的属性,p标签也默认有属性。有些浏览器会给body默认属性。如果不进行设置的话在不同浏览器...
看完图下面是测试代码:<html><head><title>jb51.net</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css"></style></head><body><SCRIPT LANGUAGE="JavaScript">var s = "";s = "\r\n网页可见区域宽:" document.body.clientWidth;s = "\r\n网页可见区域高:" document.body.clientHeight;s = "\r\n网页可见区域宽:" document.body.offsetWidth " (包括边线的宽)";s = "...
Css的class,ID和上下文选择符Class选择符。Class选择符用来配置某一类css规则,将其应用到网页中一个或多个区域。配置一类样式时,要将选择符配置成类名。在类名前加(.)。类名必须以字母开头,可包含字母,连字符和下划线。类名不能出现空格。下面以future为类名,配置文本字体颜色为红色。.future{color:#FF0000;}ID选择符用id选择符想网页中单个区域应用独特的css规则。Class选择符可在网页上多次应用。而id选择符在每个网页中...
html:<div class="wrap_"> <ul> <li class="one_"><a href="">360旋转</a></li> </ul></div>css:.wrap_ ul li:hover{ border-style:dashed; -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite;}.wrap_ ul li:hover a{ -webkit-animation: spinAround1 9s linear infinite; -moz-animation: spinArou...
1.img 图片内容在不同分辨率下居中显示(如果隐藏多余,在img外面套一个div 设定overflow: hidden。div的大小就是img显示区域的大小)<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css">
body,div,p,a,img,ul,ol,li{margin: 0;padding: 0;}
#tab { overflow:hidden; width:100%;要显示的宽度}
#tab img{ overflow:hidde...
<!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" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css">
.myclass {font-size: 24px;color: #F00;text-decoration: none;}
a {color: blue;font-family: "Microsoft YaHei UI";fo...
刚开始出现的错误,内容会受到背景透明度改变的影响:如图:代码:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>div{width:300px;height: 300px;margin: 50px auto;line-height: 300px;text-align: center;background: red;color: #000;font-size: 30px;-webkit-opacity: 0.2;}</style></head><body><div class=“wrap”>我爱夏天</div></body></html>解决方法一: 在div.wrap内...
CSS3内容溢出属性在CSS中的每一个元素都视为一个盒子,这个盒子就是一个容器。容器就有大小之分,如果在样式中指定盒子的宽度与高度,可能某些内容在盒子中就会容不下, 此时 就可以使用overflow 属性来指定如何显示盒中容纳不下的内容。overflow 属性是CSS2.1规范中的特性, 而在CSS3中增加了overflow-x和overflow-y 属性。overflow-x主要是用来定义对水平方向内容溢出的剪切, 而overflow-y主要用来定义对垂直方向内容溢出的剪切...
DIV+CSS中让布局居中_背景图片居中_文字内容居中原文:http://www.cnblogs.com/as3lib/p/4466282.html
在DIV CSS布局的页面里,从布局内容到页面里文章文字居中都是非常重要的,而css来设置居中也是非常简单的。 1、首先介绍使用css属性让整体布局的居中: 设置对象的父级内容居中,这里一个页面的为父级是什么呢?我们可以想象整个页面的内容是由<html></html>和<body></body>这两个包含,那根据较近父级我们就设置body的CSS来实现居中问题,可以向在内容里居中有text-align:center;具体css的居中代码为: body{text-aligh:...
有不少网友反应自己用了float:right后内容跑到下面去了,关于这个问题我们先来看一个例子: 复制代码代码如下:<!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 " content= "text/html; charset=gb2312 " /> <title> 无标题文档 </title> <style type= "tex...
让div根据内容改变大小
div{ width:auto; display:inline-block !important; display:inline; }原文:http://blog.csdn.net/szwangdf/article/details/43153707
实现效果为如下:在同一页面下,当我选中输入手机号时,出现手机号输入框,当我选中输入验证码时,出现验证码输入框,当我选中设置密码时,出现密码框 在这里有一个小技巧,就是 1.对下面的输入框设置同样的样式,保证在更换的时候不出现抖动;2.对输入框区域一开始就设置display:none。让其不显示,在上方单选框checked的时候再显示出来。html代码如下:<div class="main1"><input type="radio" name="regist" id="regist1" che...
position我们都知道元素都拥有 position 这个css属性,先来看看他的基本定义和可用值。定义position 决定了元素位置是如何被渲染的可用值值描述static默认值,元素在文档流中依次渲染absolute元素位置相对于其最近的非 static 的父元素fixed元素位置相对于浏览器窗口relative元素位置相对于原本应该渲染的位置sticky根据滚动的位置在 relative 和 fixed 之间切换initial设置为默认值inherit从父元素继承基本用法<body><section><p>...
css基础内容CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一一.css的引入方式1.直接在html标签元素内嵌入css样式<divstyle="font-size:14px; color:#FF0000;">行内引入</div>2.在html头部head部分内style声明插入代码<style>p{backgro...