因为显示器显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别，表示一个元素在叠加顺序上的上下立体关系。 可能的值： 注释： 所有主流浏览器都支持 z-index 属性。任何的版本的 Internet Explorer （包括 IE8）都 不支持属性值...
一般来讲，浏览器分为外壳部分和渲染部分。外壳部分就是用户看得见摸得到的外观和操作界面;而渲染部分则包括了浏览器内核和JS引擎，其中JS引擎主要负责执行javascript语言实现网页上的动作，而内核则负责渲染网页，把数据变成用户可以看得见的网页内容。 浏览器内核也就是浏览器所采用的渲染引擎“Rendering Engine”，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不...
块状元素 address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易，也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔线isindex - input promptmenu - 菜单列表noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容noscript - 可选脚本内容（对于不支持scrip...
HTML是我们学习Javaweb的第一步 很好地掌握门课是非常有必要的！下面就是我在听资深老师讲课的笔记！个人觉得非常不错！希望可以帮助到那些在学习javaweb路上的 朋友们！从今天 陆续的整理这门课有关的笔记与大家分享！ ** 网页语言： * 第一个html程序。 - 创建java文件.java ** 先编译，然后再运行（jvm） - html后缀是 .html .htm ** 直接通过浏览...
1 级联样式与CSS选择器 1.1 CSS基本使用 1.1.1 引入CSS /* 不建议@import 性能问题 */ 1.2 选择器 1.2.1 元素选择器 /* 仅对P标签有作用 */p{...} 1.2.2 属性选择器 /* 仅对具有attr属性的E元素起作用 */E[attr]{...}/* 仅对attr=value的E元素起作用 */E[attr=value]{...}/* attr的值以空格为分隔符分开,其中一个值等于value即可的E元素 */E[attr~=value]{...}/* attr的值以连字符_为分隔符分开,其中一个值等...
引子 之前的我的博客中对于meta有个介绍，例如：http://www.haorooms.com/post/liulanq_think_ie 浏览器安全性想到的这篇文章，中间介绍了meta下面IE的一些属性，可以实现页面之间的过渡转换。已经SEO优化中有所提及。下面具体介绍一下meta的功能和使用。 前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（...
html水平垂直居中 最近遇到很多居中的问题，就花点时间总结了一下放在这里，以后找也方便，0.0~~ 1.居中文本 1 2 我在中间……3 1.1. height+line-height+text-center（只能居中单行） 1 .wrap{2 width:200px; 3 height:200px;4 border:1px solid red; 5 text-align: center;6 line-height: 200px;7 } ps:text-align:center只是将元素下面的内联元素居中显...
CSS background 属性总结
Emmet插件是一种简化开发的工具，不难发现在前端开发的过程中，很大一部分的工作内容是 HTML、CSS 代码的编写。尤其是没有编辑器的帮助或者工具的使用时效率会特别低下。所以根据HTML和CSS语言的特点诞生了 Emmet(前身是Zen Coding)，它可以帮助你更快的进行前端开发，实现自动补齐、填充和代码生成等功能，在它的帮助下能极大的提高代码编写的效率，更有效率的进行前端开发。一、安装emmet：packages安装下面方法适用于 sublime t...
一、HTML文本格式化标签（这些标签都不换行） eg： 1 2 3 4 5 HTML文本格式化标签 6 7 8 9 定义粗体文字10 定义大号字11 定义着重文字12 定义斜体字13 定义小号字14 定义加重语气15 定义下标字16 定义上标字17 定义插入字18 定义删除字19 20 效果： 二、HTML图像 1、图像标签： 标签指带有可点击区域的图像映射，定义其具体...
一、特殊边框 通过 CSS3，能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框。边框属性： 1、border-radius：创建圆角边框 border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。 eg： 1 2 3 4 5 css3 6 7 p{ 8 border:2px solid; 9 border-radius:30px;10 text-align:center;11 }12 ...
是框架的一种形式，也比较常用到。 例子1。 不用多说了。 width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder 边框大小； 注意：URL建议用绝对路径 传说中百DU用：<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com> 黑了88*8。。。 例子2。 如果一个页面里面有...
在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中，比如网页上的分页导航，因为分页的数量是不确定的，所以我们不能通过设置宽度来限制它的弹性。 不定宽度的块状元素有三种方法居中（这三种方法目前使用的都比多）： 加入 table 标签 设置 display;inline 方法 设置 position:relative 和 left:50%; 第一种方法： 第一步：为需要设置的居中的元素外面加入一个 table 标签 ( 包...
概述：CSS是指层叠样式表，他是定义如何显示HTML元素，样式表通常存储在样式表中,通常存储在.css文件中，下面对css的选择器进行总结，便大家夯实基础！ 1 语法规范： 每个样式规则有两个部分：选择器和样式声明 2 CSS规则特性：继承性，层叠，后定义样式优先： 3 CSS选择器 4.1 元素选择器：选择所有同名的元素 4.2 类选择器：元素中可以定义相同的类，同时类选择器通常和id选择器互补共用 4.3 id选择器：...
工作这四年多，几乎每年都看到一些同学分享自己的年终总结，但大多看过了就忘了。自从去年底接触到前端行业里大牛们的总结，让我触动很大，大牛们短短一年时间竟能学习这么多东西，而我自己一年到头看似忙碌，但是沉淀下来的知识其实并没有多少。所以今年也想东施效颦一把，把今年做的事、学的知识总结记录下来，很多东西可能显得幼稚浅薄，但是应该留下这些成长的足迹，鞭策自己不断进步。 一、2015我都做了什么？ 【工作】...