前端应该知道的基础知识汇总

HTML相关

<!DOCTYPE>的定义和用法

<!DOCTYPE>声明必须位于html文档的第一行,位于<html>标签之前,它是声明不是标签,是指示web浏览器关于页面使用哪个HTML版本编写的指令。

块级元素和行内元素有哪些?(常见)

块级元素:div (主要块级元素),h1,h2,h3,h4,h5,h6(各级标题),hr(水平分割线),form(交互表单),table(表格),p(段落),ol(排序表单),ul(非排序列表),dl(定义列表)

行内元素(内联元素):input(输入框),img(图片),span(文本区),textarea(多行文本输入框),a(瞄点),br(换行),sub(上标),sup(下标),i(斜体),em(强调),label(表格标签),u(下划线),strike(中划线),strong(粗体强调),select(项目选择)

html和xhtml的区别

功能上的差别:xhtml能兼容各大浏览器,手机以及PDA,并且浏览器也能快速正确地编译网页。

书写习惯上的差异:XHTML必须严格嵌套,XHTML标签必须闭合,XHTML标签必须小写,XHTML必须拥有根元素(必须被嵌套于<html>标签中)

css相关

css hack 技巧

css属性级hack:

color:red;  所有的浏览器可识别

color:red !important;  IE6不能识别!important

_color:red;  仅IE6能识别

*color:red;  IE6,IE7能识别

+color:red;  IE6,IE7能识别

[color:red;  IE6,IE7能识别

#color:red;  IE6,IE7能识别

color:red !ie;  IE6,IE7能识别

color:red\9;  IE6,IE7,IE8,IE9能识别

color:red\0;  IE8,IE9能识别

css选择符级hack:

*html#demo{color:red;} 仅IE6能识别

*+html#demo{color:red;} 仅IE7能识别

body:nth-of-type(1)#demo{color:red;} IE9+,FF3.5+,Chorom,Safari,Opera可识别

head:first-child+body#demo{color:red;} IE7+,FF,Chorom,Safari,Opera可识别

:root#demo{color:red/9;} 仅IE9能识别

IE条件注释hack:

<!--[if IE]>此处内容只有ie可见<![endif]-->

<!--[if IE 6]>此处内容只有ie6可见<![endif]-->

<!--[if !IE 7]>此处内容只有IE7不能识别,其他版本(ie5以上)都能识别<![endif]-->

<!--[if gt IE 6]>此处内容ie6以上版本可识别,ie6不能识别<![endif]-->

<!--[if gte IE 7]>此处内容ie7及以上版本可识别<![endif]-->

<!--[if it IE 7]>此处内容低于ie7的版本才能识别,ie7无法识别<![endif]-->

<!--[if ite IE 7]>此处内容ie7及以下的版本可识别<![endif]-->

<!--[if !IE]>此处内容只有非IE可见<![endif]-->

css层叠样式的理解

css层叠样式可以理解为样式的优先级,

从css来源来说,内联样式(<a style="...">)>内部样式(<style>...</style>)>外部样式(css文件)>浏览器默认样式。

从选择器来说,id>class>元素选择器,有!important的时候!important优先级最高。

时间: 2024-12-29 13:35:02

前端应该知道的基础知识汇总的相关文章

前端开发:css基础知识之盒模型以及浮动布局。

前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把它写到我的博客中,想知道自己过来翻就好啦 ^_^  下面楼主把当前的自己对css的基础认知一一给大家道来...... 盒模型 谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是 内容(content).填充(padding).边框(border).边界(margin): 这些属性我们可以把它转移到我们

Delphi基础知识汇总

☆Delphi基础数据类型 分类 范围 字节 备注 简单类型 序数 整数 Integer -2147483648 .. 2147483647 4 有符号32位 Cardinal 0 .. 4294967295 4 无符号32位 Shortint -128 .. 127 1 有符号8位 Smallint -32768 .. 32767 2 有符号16位 Longint -2147483648 .. 2147483647 4 有符号32位 Int64 -263 .. 263 8 有符号64位 Byt

PB编程基础知识汇总

PB编程基础知识汇总 第一章      1.  程序的开始,application的open事件. 退出程序例程:halt为退出函数 int SureQuit SureQuit = 2 SureQuit=Messagebox("退出系统","退出前请确认已保存好数据",Question!,OKCancel!, 2) if SureQuit = 1 then halt 2.  变量定义有效范围: ◎     declare-globe 全局变量,整个程序均有效 ◎  

沉淀,再出发:Java基础知识汇总

沉淀,再出发:Java基础知识汇总 一.前言 不管走得多远,基础知识是最重要的,这些知识就是建造一座座高楼大厦的基石和钢筋水泥.对于Java这门包含了编程方方面面的语言,有着太多的基础知识了,从最初的语法,对象的定义,类.接口.继承.静态.动态.重载.覆盖这些基本的概念和使用方法,到稍微高级一点的多线程,文件读写,网络编程,GUI使用,再到之后的反射机制.序列化.与数据库的结合等高级一点的用法,最后将设计模式应用其中,产生了一个个新的概念,比如Spring.Spring MVC.Hibernat

前端开发之html基础知识02

经典表格:表格没有列的概念,只有行的概念, 一行 tr,行中的单元格 td表头的突出显示:tr>th <table width="400px" align="center" border="1px" cellspacing="0" cellpadding="5px" > <!-- align = "center" 表格整体剧中--> <caption&

前端开发之CSS基础知识02

重要: 行内元素中只能容纳文本或其他的行内元素 a标签例外 文字类型的块标签,不要放其他块元素 如 P H1 CSS规范: .demo {} 空格 font-size: 12px; 空格 .a1, .a2, .a3 {} 空格 后代选择器或子代选择器最好不要超过三层 文字分为 顶线 中线 基线 底线 CSS特性: 层叠行:若冲突,按照最后的为准 CSS权重(重要): 标签 0.0.0.1 类选择器 0.0.1.0 id选择器 0.1.0.0 内联样式 1.0.0.0 !important 无穷大

C++ 基础知识汇总 持续更新

摘录一些C++面试常考问题,写一些自己的理解,欢迎来摘果子. static关键字 用于声明静态对象: 静态函数只在本文件可见.(默认是extern的) 全局静态对象:全局静态对象,存储在全局/静态区,作用域整个程序,在程序结束才销毁: 局部静态对象:在函数内部加上static声明的变量,在首次调用时初始化,然后一直驻留在内存,作用域是该函数,可用于函数调用计数(primary有例子),程序结束释放: 静态数据成员:归属于类,类对象共享,类外初始化,类对象可访问: 静态函数成员:归属于类,只能访问

Web前端工程师成长之路——知识汇总

一.何为Web前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发.制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验. 图1.前端技术MSS Web前端开发技术主要包括三个要素:HTML.CSS和JavaS

go语言基础知识汇总

一.go语言简介 天然支持高并发 内存自动回收,不需要开发人员管理内存 支持管道,从而支持多个协程之间通信 多返回值,一个函数可以允许多个返回值 异常和错误的区分,异常是不能预料到的事情发生了,错误是预料到的事情发生了. 二.理解gopath gopath go项目的工作目录,目录下面包含三个目录,src,pkg,bin goroot go源码的安装路径 gobin 存放go编译后生成的可执行文件 go get 执行go get会把源码放在第一个gopath的src目录下面 三.go基础知识 3