css 的一些知识点的整理

css的一些标签整理 background-attachment: scroll;背景图可滚动 background-attachment: fixed; 固定背景的位置,不随着滚动条移动而移动背景添加了 fixed 坐标计算就会根据整个可视区来计算 font(文本样式) font (集合样式) 1. 固定顺寻 (font-weight font-style font-size/line-height font-family) 2. 必写项 (font-size font-family…

web开发前端面试知识点目录整理

web开发前端面试知识点目录整理基本功考察关于Html 1. html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 2. h5中新增的属性; 如自定义属性data, 类名className等, 新增表单元素, 拖拽Drag 3. h5中新增的API, 修改的API, 废弃的API 稍作了解 (离线存储, audio, video) 关于CSS 1. CSS选择器( 三大特性 ) 2. BFC机制 3. 盒模型 4. CSS模块化开发(封装); SCSS和LES…

【体系结构】有关Oracle SCN知识点的整理

[体系结构]有关Oracle SCN知识点的整理 1 BLOG文档结构图 BLOG_Oracle_lhr_Oracle SCN的一点研究.pdf 2 前言部分 2.1 导读和注意事项各位技术爱好者,看完本文后,你可以掌握如下的技能,也可以学到一些其它你所不知道的知识,~O(∩_∩)O~: ① Oracle中的SCN是什么?(重点) ② 如何查询SCN?(重点) ③ SCN有哪些分类?(重点) ④ SCN和系统恢复的关系?(重点) ④ 实例恢复和介质恢复的区别是什么?RAC中的实例恢复…

关于css的一些知识点整理

一.标签的类型: 行内:span.a.b.i.strong.em. 1.共处一行 2.不支持设置宽高 display:block; 转换成块块:h1-h6 p div ul ol 1.独占一行 2.支持设置宽高 display:inline; 转换为行内行内块:img 1.共处一行 2.支持设置宽高 display:inline-block; 转换为行内块二.定位 relative 相对定位,对象不可层叠 1.针对自己定位 2.不脱离文档流 *将窗体自上而下分成…

前端新人学习笔记-------html/css/js基础知识点（二）

4月7日学到的知识点: 一:<img src="1.png" alt="美女"/> alt是给图片添加介绍,当图片没加载出来时,会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图. 二:<a href="css2.ppt">标签下载</a> 当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件. 三:<a href="#id"&g…

前端新人学习笔记-------html/css/js基础知识点

即将毕业的软件工程大学生一枚,秋季招聘应聘的是Android,今年来到公司实习,要求做前端开发,所以一切只有现学,现在根据视频来学习,然后开这个博客记录一下自己的学习过程,废话不多说,开写. 4月6日学到的知识点: 一:<!DOCTYPE HTML> ! 声明,注意的意思: doc document 文档的意思: type 类型的意思: html就不用解释了: 连在一起的意思就是:注意,文档的类型是HTML.也就是声明你写的文件的文档类型,方便浏览器解析. 二:<meta ch…

HTML+CSS+js常见知识点

一.HTML.CSS常见知识点 1.垂直居中盒子 /* 方法一 */ html, body { width: 100%; height: 100%; padding: 0; margin: 0; } .box { width: 300px; height: 300px; background: yellowgreen; margin: 0 auto; position: relative; top: 50%; margin-top: -150px; } /* 方法二 */ html, body…

Node.js的知识点框架整理

背景:因为appium是基于Node.js的,所以想看一下Node.js.但是发现很多资料的顺序看起来有点颠倒.然后就一面看资料一面整理了一下大概的知识点框架,希望对自己对别人有用. 本文不包含node.js的基本语法.node.js的基本语法和JavaScript基本一样,可以以后再单独整理一份基本语法的. Node.js是一个基于chrome V8的JavaScript运行时的环境 Node.js是事件驱动,非阻塞式I/O模型 Node.js使用npm包管理器使用Node.js不仅实现…

[WEB面试题] web前端面试题HTML+CSS第一弹，个人整理部分面试题汇总

以下内容仅供参考,网络整理而来 1.XHTML和HTML是什么有什么不同的区别 HTML是一种基本的WEB网页设计语言 XHTML可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格XHTML 元素必须被正确地嵌套.XHTML 元素必须被关闭.标签名必须用小写字母.XHTML 文档必须拥有根元素. 2.常见浏览器的内核分别有哪些? Trident内核代表产品Internet Explorer,又称其为IE内核 Gecko内核代表作品Mozilla F…

HTML+CSS基础小笔记再整理

1. font的两个必须要写的:font-size 和 font-family text-indent 首行缩进(em)1em=一个文字大小 text-algin 对齐方式:left.center.right text-decortion 文本修饰: underline(下划线)overline(上划线)line-through(删除线)none(无) letter-spacing 字间距(为0时字间距本身为1个像素,若为5px则字间距实际为6px) word-spacing 词间距(先用空格将…

css常用左右布局方案整理

实际项目开发过程中我们经常会遇到页面div左右布局的需求:左侧 div 固定宽度,右侧 div 自适应宽度,填充满剩余页面,下面整理几种常用的方案 1 左侧 div 设置 float 属性为 left,右侧 div 设置 margin-left 属性等于或大于左侧 div 宽度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti…

css三栏布局方案整理

日常开发中,经常会用到css三栏布局,现将工作中常用的css 三栏布局整理如下: 什么是三栏布局: 三栏布局,顾名思义就是两边固定,中间自适应. 一. float布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>1. float布局</title> <style type="text/…

css的常用知识点

一.css的引入方式 1.行内引入直接在标签中定义样式 <p style="background-color: red">test</p> 2.嵌入式引入将css代码通过<style></style>标签,直接写在文件中 <head> <meta charset="UTF-8"> <title>Title</title> <style&g…

css属性（常用属性整理）

摘要:本文是我在学习前端的过程中整理的一些常用css属性,部分是css3新增的,因能力有限,文中如有错误,欢迎提出,我会及时修改.希望对大家有帮助! CSS属性 CSS属性 1 1. css颜色属性 5 1.1. 字体颜色 5 1.2. 背景颜色 5 2. 页面布局相关属性 5 2.1. display 5 2.2. position 6 2.2.1. position:relative 6 2.2.2. position:absolute 6 2.2.3. position:fixed 7 2…

Css 备忘知识点

1.Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示,可通过加入 CSS 属性 -webkit-text-size-adjust: none; 2.HTML5的form如何关闭自动完成功能? 给不想要提示的 form 或下某个input 设置为 autocomplete=off…

CSS易混淆知识点总结与分享－定位与布局

CSS定位有四种模式:static.relative.absolute.fixed,其它static是默认值,下面分别讲解下各自的特点: static:静态定位,处于动态布局流中,按照页面中的各元素先后顺序.父子关系自动排列与布局,每个静态定位元素均占用动态布局的一块空间: relative:相对定位,处于动态布局流中,如果设置了偏移量(LEFT或TOP的值),则会有相应的位置调整,位置调整的标准是基于上一个处于动态布局流中的元素(即:设为static及relative元素): absolute…

关于js css html加载顺序整理

1.js放在head中会立即执行,阻塞后续的资源下载与执行.因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控. 正常的网页加载流程是这样的. 浏览器一边下载HTML网页,一边开始解析解析过程中,发现<script>标签暂停解析,网页渲染的控制权转交给JavaScript引擎如果<script>标签引用了外部脚本,就下载该脚本,否则就直接执行执行完毕,控制权交还渲染引擎,恢复往下解析HTML网页如果外部脚本加载时间很长(比如一直无法完成下载),就…

前端新人学习笔记-------html/css/js基础知识点（三）

这断时间家里有点事,上班也有点任务,所以几天没看视频没来更新了.今天来更新一下了. 一:默认样式重置但凡是浏览默认的样式,都不要使用. body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */} ol,ul{list-style:none;padding:0;margin:0;} a{text-decoration:none;} img{border:none;} 二…

DIV+CSS 常见问题及解决办法整理

http://blog.shaogroup.com/divcss-%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%E5%8F%8A%E8%A7%A3%E5%86%B3%E5%8A%9E%E6%B3%95%E6%95%B4%E7%90%86.html http://www.ituring.com.cn/article/64951 1. [IE6]浮动双倍边距bug: 问题 :同时使用"float"和"margin",则margin在IE6下实…

css及HTML知识点

html : 180° 输出为 css: margin: 0 auto;会在页面水平居中显示 box-shadow: 0 0 5px #f61818; 设置投影的位置大小颜色 outline:none; 去掉所有控件获取焦点时的默认外边框 :nth-child(n)第n个子元素 z-index只能在position属性值为relative或absolute或fixed的元素上有效. —————————————————————————————————————————————…

css实现垂直居中的方法整理

1.表格布局法.(利用表格的显示模式)需要用到一些冗余的 HTML 元素,因此这里不多介绍. 2.行内块法.也不作讨论,因为在我看来这种方法 hack 的味道很浓. 如果你有兴趣,可以去看看 Chris Coyier 写的“不为人知的居中方法”(http://css-tricks.com/centering-in-the-unknown).这篇出色的文章详细讲述了这两种技巧. 3.基于绝对定位实现的居中: 比如: main { position: absolute; top: 50%; left…

jQuery知识点学习整理

零.jQuery中操作css的方法 1.$("p").css("background-color"); 返回首个匹配元素的background-color的值. 2.$("p").css("background-color","red"); 设置匹配元素的background-color的值. 3.$("p").css( { "background-color" :…

css零星进阶知识点

display: inline-block: 可设置宽高的行级元素,如果inline-block元素本行无法显示完全的话则整个换行而不是里面的单词换行 position: 设置参照物,top,left,right,bottom就是相对于参照物的偏移量 poistion relative: 仍在文档流,tlrb都是相对它自身原来的位置说的,往往relative position作为绝对定位子元素的参照物,以及改变元素z轴的层级(比static(默认)的元素z轴高) position absolut…

css rgba/hsla知识点讲解及半透明边框

一.RGBA(R,G,B,A) 参数: R:红色值.正整数 | |百分数 G:绿色值.正整数 | |百分数 B:蓝色值.正整数 | |百分数 A:Alpha透明度.取值0~1之间. 说明:此色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度. RGBA 颜色值得到以下浏览器的支持:IE9+.Firefox 3+.Chrome.Safari 以及 Opera 10+. 二.HSLA(h,s,l,a) HSL 指的是 hue(色调).saturation(饱和度).lightness(亮…

CSS 关于文本背景边框整理

文本与字体 1)阴影:text-shadow 格式:text-shadow:5px 5px 3px #FFFFFF分别对应水平方向垂直方向模糊程度颜色值代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>文字阴影</title> <style type="text/css&q…

CSS之常见文字样式整理

常见文字样式行高:line-height,当我i们将行高的大小设置成当前元素的高度时,可以实现当行文本在当前元素中垂直方向居中显示的效果水平对齐方式:text-align:left|center|right,分别表示设置文字在当前盒子当中水平的对其(左对齐.居中对齐.右对齐) 文字大小:font-size,单位时px,一般情况下浏览器都会有一个最小的显示字体字体的粗细:font-weight,可以设置关键字,或者数值(100~900),关键字有normal表示正常,还有bold表示加粗字…

CSS 布局经典问题初步整理

CSS 定位问题主要就是经典的绝对定位,相对定位问题. 10个文档学布局:通过十个例子讲解布局,主要涉及相对布局,绝对布局,浮动. 百度前端学院笔记 – 理解绝对定位:文章本身一般,几篇参考文献比较详细 HTML和CSS高级指南之二--定位详解(译文):介绍浮动的使用,详细介绍定位的技巧,包括如何准确的给元素在 X 轴.Y 轴和 Z 轴定位三栏式布局涉及浮动和清除浮动,主要讲解"圣杯"和"双飞翼"两种解决方法.这两种方法实现的都是三栏布局,两边的盒子宽度固定,…

性能优化 | JVM与性能优化知识点综合整理

JVM JVM是java的核心和基础,在java编译器和os平台之间的虚拟处理器.它是一种利用软件方法实现的抽象的计算机基于下层的操作系统和硬件平台,可以在上面执行java的字节码程序. java编译器只要面向JVM,生成JVM能理解的代码或字节码文件.Java源文件经编译成字节码程序,通过JVM将每一条指令翻译成不同平台机器码,通过特定平台运行. 以下资料是我利用工作之余耗时将近一个月整理出来,是从百度.以及各大IT论坛上面搜集.整理在这里我将这份资料分享出来,需要的可以[转发+转发+转发+…

css 浮动的知识点

首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流.如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的. 注意,以上这些理论,是指标准流中的div.无论多么复杂的布局,其基本出发点均是:“如何在一行显示多个div元素”. 显然标准流已经无法满足需求,这就要用到浮动. 浮动可以理解为让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次. 例如,假设上图中的div2浮动…

HTML,CSS,JS个别知识点总结

<input>是自闭合标签,没有<input></input>一说,只能写作<input/>. <div>可以是行标签也可以作为块标签,作为块标签一定要设置Width和Height,多个块标签水平排列可以使用css写法float方法,需要配合position:relative定位方法. <ul><li>去掉各个项前面的点或改变其样式使用list-style:none或list-style-type:none方法,修改其样式…

【css 的一些知识点的整理】的更多相关文章