- 浏览: 1192109 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (434)
- js (20)
- struts2 (77)
- spring (11)
- hibernate (17)
- ssh整合 (9)
- 程序例子 (4)
- 正则表达式 (8)
- JSP (20)
- IDE (15)
- 数据库 (10)
- 工作经验技巧感悟 (21)
- 程序员的幽默 (4)
- windows设置 (4)
- 名词解释 (4)
- 技术入门 (4)
- jFreeChart (16)
- OGNL (5)
- java基础 (46)
- dwr (4)
- portal (1)
- 示例用到的附件 (0)
- 优秀程序员45个习惯 (1)
- webService (1)
- shell (3)
- ibatis (3)
- 开发工具 (1)
- OS (3)
- xmlbean (2)
- design_pattern (0)
- error (1)
- testng (2)
- python (18)
- hadoop (21)
- mapreduce (9)
- Hive (0)
- HBase (0)
- ubuntu (22)
- 多线程 (7)
- 自我改进 (6)
- 设计模式 (1)
- ssh (2)
- ant (4)
- guake (2)
- 云计算 (9)
- hdfs (3)
- 大数据 (1)
- 电信业务 (1)
- maven (2)
- svn (5)
- UML (1)
- 待处理问题 (2)
- log4j (1)
- css (1)
- LevelDb (0)
- thrift (6)
- 辅助工具 (3)
- 算法 (1)
- tornado (0)
- twisted (1)
- jvm (0)
- 图书 (1)
- 其他 (1)
- oracle (2)
- mvn (1)
- 私人信息 (0)
- nio (1)
- zookeeper (1)
- JavaIO (3)
- mongodb (1)
- java-高级 (6)
- spring-深入 (1)
- tomcat (1)
- quartz (1)
- 面试题 (1)
- redis (3)
- EJBCA (0)
- spring-3.0 (1)
- memcache (3)
- 性能检测 (1)
- android (0)
- 开源项目 (1)
- 将博客搬至CSDN (0)
- 架构之路 (1)
最新评论
-
pjwqq:
“子类对象”都拥有了“父类对象的一个实例的引用”我晕,应该是“ ...
java继承--父类属性的存放位置 -
gwgyk:
关于楼主最后的问题,我想可能是这样:InputFormat默认 ...
eclipse 运行hadoop wordcount -
fanjf:
上述7点基本具备,可惜现在因为项目需要,做管理方面工作!
如何判断自己是否具有成为一名优秀程序员的潜质 -
摸爬滚打NO1:
链接已经失效
Eclipse添加JSEclipse 插件(js插件) -
younglibin:
看了以上7条, 自己 也不知道是否能够对上, 感觉没一点都有那 ...
如何判断自己是否具有成为一名优秀程序员的潜质
id:用来定义页面中大的样式,如栏目划分,顶部,正文,底部等;用#top的形式来定义;
class:用来定义一些比较细节的样式,如具体的一个菜单,一行文字等,用.text的形式来定义。
定义HTML中的标签,如ul,img,p等时,直接写:img{}
以上摘自网络:
#main和.main有什么区别:
#main 定义的是ID为"main"这个元素的样式
.main 的意思是新建一个名为"main"的样式
#main 只能定义ID为"main"这个元素的样式
.main 一但定义以后,可以让其他的元素来调用,方法为class="main"
用#定义CSS样式,在调用时必须用ID,用.定义CSS样式,在调用时必须用CLASS。用
#定义的样式,一般都是定义结构框架,一些大的容器,且在同一个页面只能出现一
次;而且.定义的样式,一般都是起修饰作用或多次重复的样式。还一点就是在同一
个层里同时出现ID和CLASS样式,ID更优先于CLASS。
一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当
的比方就是剧本:一个Class可以定义剧本中每个人物的故事线,你可以通过CSS,
javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo" ,
class="Gandalf", class="Aragorn"来区分不同的故事线。还有一点非常重要的是
你可以在一个文档中使用任意次数的Class。
至于 ID,通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布
局时(比如说通常一个页面都是由一个页眉,一个报头< masthead>,一个内容区域
和一个页脚等组成),一般使用ID比较理想,因为一个ID在一个文档中只能被使用
一次。而这些元素在同一页面中很少会出现大于一次的情况。
class是样式组,用.style定义,class="style":
.style定义样式组,可以被反复调用,就是说你一个页面里,可以有多个元素用同一个style;
ID是固定标签,用#style1定义,ID="style1"
#style1定义固定标签,用于定义一个特定的元素,每个页面只能出现一次,不能反复调用。虽然现在有的网页多次调用#style1,但那是不规范的,在某些浏览器中也会无法解读造成页面出错。
class可以在页面里面重复使用,id由于在页面里面只能出现一次,所以不能重复使用,所以尽量用class来写,这样能在页面里面重复引用你写的css,减小工作量和代码量。
这种情况尽量用id:页面大的模块里面,用id来区分不同的模块。比如页面里面有这样的模块:最新新闻,推荐新闻等。就可以考虑用id来区分。
还有一点,由于id是页面中唯一的,更多的是定义来留给给页面里面的 javascript用。
补充:class和id在页面里面的使用方法:
class:
<style type="text/css">
.footer{background:red;}
</style>
<div class="footer">footer</div>
id:
<style type="text/css">
#footer{background:red;}
</style>
<div id="footer">footer</div>
定义class的css是用点:“.”,如.footer
定义id的css是用井号“#”,如#footer
发表评论
-
javaweb项目RuntimeException不能默认打印到控制台
2012-11-26 15:46 3010前几天搭建了一个框架: 配置 struts2 spring2 ... -
在网页右下角弹出提示窗口(完整实例)+参数说明
2010-01-05 10:58 3970<Script language="javas ... -
鼠标经过导航栏改变页面的内容
2010-01-04 16:30 2978用到的css: <style type="t ... -
固定(冻结 )table第一行的列名
2009-12-25 14:35 11819在做数据展示时,出阿里的数据好多,分页后,由于页面显示的范围比 ... -
图片 的超链接带边框
2009-12-25 11:43 3379去掉图片超链接边框颜色: 一种方法是在图片img标签 ... -
<td>……</td>里的字数100,只显示其中20个
2009-12-22 17:33 6743如果不是一定要限制字数,可以限制长度的话 <ta ... -
css实现页面文字不换行、自动换行、强制换行
2009-12-22 15:35 5595强制不换行 div{white-space:nowrap;} ... -
页面在不同屏幕分辨率下存在的问题及解决办法
2009-11-12 11:47 7396页面在不同屏幕分辨率下存在的问题及解决办法(未考虑800*60 ... -
struts2 标签展示 map
2009-09-21 17:59 2228从数据库中查找出来的 ... -
JSP中Servlet生命周期
2009-08-31 08:36 1521Servlet生命周期:以下是 ... -
JSP中response对象
2009-08-31 08:35 3555所属接口:javax.servlet.http.HttpSer ... -
JSP中request对象
2009-08-31 08:34 13046JSP中request对象 Web是请求/响应架构的使用,浏 ... -
JSP的动态导入和静态导入
2009-08-31 08:33 3552JSP的动态导入和静态导入: 1.静态导入时将被导入页面的代 ... -
JSP 的 九 个内置对象
2009-08-27 17:03 1403JSP 的 9 个内置对象 JSP 页面中包含 9 个内置对象 ... -
JSP 的七个动作指令
2009-08-27 10:59 1966动作指令与编译指令不间,编译指令是通知 Servlet 引擎的 ... -
JSP 的三个编译指令
2009-08-27 10:15 1330JSP 三个编译指令: page: 该指令是针对当前页面 ... -
JSP页面跳转大全
2009-08-26 13:22 3745JSP中的跳转: (1). forward()方法 使 ... -
Tree 元素列表一览
2009-08-26 13:13 1464每个结点有一个状态叫做OPEN(打开); 如果结点为OPEN, ... -
JSP页面元素详解
2009-08-26 13:10 1910document方法: getElementById(id) ...
相关推荐
1.CSS动画的实现方式 1. transition补间动画 2. keyframe关键帧动画 3. 逐帧动画 2.过渡动画和关键帧动画的区别 3.如何实现逐帧
CSS中CLASS和ID的区别.doc CSS中CLASS和ID的区别.doc
--*-- 1 单元目标 2 教学内容 3 动手实践 4 课堂小结 单元目标 能灵活使用 CSS排版 能力目标 学会使用 CSS制作电子相册 知识目标 《CSS网页样式设计与制作》 参考资料 2 教学内容 1 单元目标 3 动手实践 4 课堂小结 ...
1. CSS 的引入和基本选择器应用; 2. 利用CSS 对网页进行控制; 3. 利用W3school 网站进行CSS 的练习。 4. 用CSS 完成常见的几种网页布局形式的练习; 5. 使用Div+CSS,完成“实习二”中“index.htm”页面的布局; 6...
CSS样式表下FF与IE的区别,可以做出在IE和FF里显示一样的网页
firefox与IE对js和CSS的区别.txt firefox与IE对js和CSS的区别.txt firefox与IE对js和CSS的区别.txt
## 1.css 实现table 固定表头 ## 2.简述 src 与 href 的区别 3. sessionStorage 、localStorage 和 cookie
在非专业前端开发的工作中(比如使用vuejs开发),免不了要进行模块化,js的加载使用require.js就可以了,但是对于.css文件的加载需要使用插件,在试用了github上提供的require.js后发现不太好用(报错,还得改人家...
这个一个CSS padding和margin的例子,对初学者很有帮助的哦~ .divcss3{border:1px solid #F00;width:400px;margin-left:15px; padding-left:35px;} .box2 { margin-left:10px; padding-left:15px; width:300px...
所有的尺寸和位置值都在 EM 中,这意味着时钟缩放得很好,而且由于所有动画都是 CSS,所以性能也很好。 CSS/HTML 唯一不能做的就是将其动态设置为正确的时间。 如果需要,可以使用 JavaScript 或服务器端代码(例如...
目录 HTML&CSS;部分... 1、HTML中定义表格的宽度用80px和80%的区别是什么?...5、用Css3语法中,如何实现一个矩形框的圆角效果和50%红色透明效果?,请写出关键脚本. ...............................
css布局居中和CSS内容居中区别和对应DIV CSS代码.docx
#git相关命令##创建git版本库1. 初始化 git init用于对本地仓库进行初始化 $git init通过ls -ah命令可以查看隐藏的.git文件 $ls -ah###2.... 查看修改情况 git diff查看本地文件和本地最新版本库的区别 $git
wcss与css2.0的联系与区别,简单的对wcss与css做了对比,凸显wcss的特性
区别IE和非IE浏览器的兼容,css兼容
最新Jquary中文手册_html5.0中文手册_css3.0中文手册_Ext中文手册(CHM)最新Jquary中文手册_html5.0中文手册_css3.0中文手册_Ext中文手册(CHM)
题目举例:1、 rem em vw vw 百分比区别 2、 移动端如何适配 3、场景题(两个盒子,左边固定宽,右边自适 应,你能想到几种方法) 4、css 选择器有哪些,权重是什么样的 5、CSS3动画知道吗,实现过哪些css3动画 6...