`
Odysseus_110
  • 浏览: 120603 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

HTML的一些小积累

 
阅读更多

1.   position:absolute

 

使用 position:absolute 的元素,如果它的父节点没有使用position:relative的话,它自己的绝对定位就是相对于整个文档的。

它的父节点使用position:relative 或者 position:fixed,那么他的绝对定位就是相对于它的父节点的。

 

2. 让所有字符大写:

text-transform: uppercase;  

 

 

3. 让字符有阴影效果:

text-shadow: 2px 2px 0 #666;

  

4. 当一个父元素<div id="wrap">里面添加两个子元素,想要他们一个float:left, 一个float:right的时候,会出现

父元素的高度失效问题, 没法正常显示,所以要加一个所有浏览器都通用的css:

 

 

group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
 
<div id="wrap" class="group">
<div style="float:left"></div>
<div style="float:right"></div>
</div>
 

  

5.去掉li前面的小点:
ul{
list-style:none;
}
  
6.safari中查看网页源代码的热键:
mac: cmd+opt+u
win: ctrl+alt+U
  
7.让IE浏览器 使用兼容性模式
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 <meta http-equiv="X-UA-Compatible" content="IE=7" />
 
注意的是 这个可以生效  
但如果是网页中使用iframe,
<frameset cols="*,141" frameborder="NO" border="0" framespacing="0" id="allFrame"> 
   <frameset rows="180,*" frameborder="no" border="0" framespacing="0"> 
     <frame name="topFrame" scrolling="NO" noresize src="test1.jsp" >
     <frame name="mainFrame" src="test2.jsp"/>
  </frameset>
  <frame src="rightJsp.jsp" scrolling="No" noresize="noresize" id="menuFrame"/>
</frameset>
  
那么注意要让  所有的iframe网页中都要这么使用,ie才会生效,如果这是一个iframe里这么使用,ie不会生效。
分享到:
评论

相关推荐

    html应用知识积累

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它是互联网内容呈现的基础。这篇笔记主要涵盖了HTML的应用知识,旨在帮助学习者系统地理解和掌握HTML的各种元素和特性。 1. HTML基本结构 HTML...

    91个HTML小游戏源码集合

    总的来说,这个"91个HTML小游戏源码集合"是HTML游戏开发者的宝库,无论是对基本概念的理解,还是实践经验的积累,都有极大的帮助。每个源码都可以拆解、调试、甚至重构,这样不仅能够深入理解游戏开发的内在机制,还...

    平时积累的一些js代码

    "平时积累的一些js代码"这个标题和描述暗示了这是一些作者在日常工作中收集和编写的JavaScript代码片段,可能涵盖了解决各种问题的解决方案或者实用功能。 在JavaScript中,我们可以学到以下几个关键知识点: 1. *...

    积累的微信小游戏源码HTML5朋友圈游戏1000套源代码

    积累的微信小游戏源码 HTML5游戏 微信朋友圈游戏1000套源代码资料合集,可供学习及设计参考。

    html精彩特效(多年积累和收藏)

    这份压缩包“html精彩特效(多年积累和收藏)”包含了作者多年工作经验和精心收集的各种特效资源,包括但不限于二级动态导航菜单、JS日历控件以及15套清爽的网页样式。 1. **二级动态导航菜单**:在网页设计中,二级...

    一点平常工作下积累的小知识点

    在IT行业中,日常工作中积累的小知识点往往能对我们的编程技能提升大有裨益,特别是对于初学者来说。以下是一些从给定文件中提取的重要知识点: 1. **jQuery事件绑定**: `$('#unitName').bind('input', function ...

    jsp,html,ajax .javascript 平时积累

    它不仅可以修改HTML内容,还可以控制CSS样式,执行复杂的逻辑,甚至可以实现一些桌面应用程序的功能,如文件操作和网络通信。随着Node.js的出现,JavaScript也成为了服务器端开发的选择。 这四个技术的结合使用,...

    积累的软件 软件下载地址

    标题 "积累的软件 软件下载地址" 暗示了这是一个关于分享或提供软件下载资源的主题。从描述中的“博文链接”可以推测,这可能是一个博客文章中提到的软件资源,具体是用于源码处理或工具应用的。标签“源码”和...

    关于 JS CSS HTML 知识点的积累 面试题等new

    关于 JS CSS HTML 知识点的积累 面试题等new!web前端开发!

    HTML4学习点滴-技巧积累

    HTML4文档技巧积累,各种HTML问题技巧。网页架构:主要网页主架构的介绍 分隔标签:也就是所谓的水平线 排版标签:针对标签的属性,可做适当的版面编排 字体标签:教导您设定文字的字体。 文字标签:教导您设定...

    基于JavaScript、HTML、CSS、Vue的日常积累与总结设计源码

    该项目为基于JavaScript、HTML、CSS及Vue.js的综合性设计源码积累,共计包含479个文件,涵盖244个PNG图片、77个JavaScript脚本、40个JSON配置、34个HTML页面、28个CSS样式表、11个Markdown文档、9个GIF动画、5个JPG...

    html5小游戏4

    HTML5小游戏4是一款基于HTML5和JavaScript技术开发的消除类游戏。...通过研究这个游戏的源码,开发者不仅可以提升自己的HTML5和JavaScript技能,还能了解到游戏开发的基本流程和设计思路,为自己的项目积累宝贵的经验。

    黄金矿工HTML5游戏源码

    《黄金矿工HTML5游戏源码》是一款基于HTML5技术开发的在线小游戏,它以其独特的玩法和趣味性深受玩家喜爱。HTML5是现代网页开发的标准,具有跨平台、兼容性强的特点,使得游戏可以在多种设备上流畅运行,包括桌面...

    适合纯小白看的html代码.rar

    在压缩包中的“1”文件,可能是一个示例HTML文件,包含了以上提到的一些基础元素。打开它,你可以看到实际的代码结构,并在浏览器中预览效果。 此外,了解HTML与CSS、JavaScript的关系也非常重要。CSS负责网页的...

    html+css+js+jq的一些学习小demo.zip

    本资源是一套包含HTML、CSS、JavaScript以及jQuery的学习小demo的压缩包,旨在帮助初学者通过实践快速掌握前端开发的基本技能。该资源涵盖了多个实用的小项目,每个项目都精心设计,以展示如何在实际场景中应用这些...

    JAVA知识技术积累笔记

    【JAVA知识技术积累笔记】 Java是一种广泛使用的面向对象的编程语言,它的跨平台特性使得它在软件开发领域占据着重要地位。本笔记涵盖了几个关键的Java技术领域,包括JSP(JavaServer Pages)、Servlet、Oracle...

    H5小游戏源码 新疆微电影微信小游戏.zip

    通过对这个游戏源码的深入学习,开发者不仅可以掌握H5游戏的基本开发技巧,还能了解微信小游戏平台的特性,为自己的项目积累经验。同时,对于那些对游戏设计和编程感兴趣的初学者,这是一份很好的实践教材,能够帮助...

    C++、JS、jQuery小知识点积累

    ### C++、JS、jQuery小知识点积累 #### C++中的MessageBox使用详解 在C++编程中,`MessageBox`函数常用于向用户显示消息对话框。它通常被用作调试工具或者提示用户某些重要信息的方式。 - **基本语法**: ```...

    HTML5一个小迷宫游戏

    HTML5是一种强大的网页开发语言,它是HTML的最新版本,引入了许多新特性,使得开发者能够创建更丰富、更具...通过研究这个项目,你可以学习到如何使用HTML5和JavaScript构建基本的游戏框架,并为自己的项目积累经验。

    HTML5从入门到精通

    6. 参与开源项目或实际项目,将所学应用于实践,积累经验。 总之,《HTML5从入门到精通》的学习将带你走进丰富多彩的Web开发世界,开启你的前端开发之旅。随着技术的不断进步,HTML5将在未来的互联网领域发挥更大的...

Global site tag (gtag.js) - Google Analytics