html css 忽略,HTML与CSS中易被忽略的基础知识点

在前端开发中，HTML和CSS是每一个梦想成为前端开发工程师的同学必学的入门功夫，很多人认为HTML和CSS很简单，说到底，主要还是因为HTML和CSS没有像java、c语言那样难以理清的逻辑语法，如果深入学习了HTML与CSS之后，就会发现，这种看似简单的前端语言并不是那么容易就能熟练的拿捏。很多人就是因为自信对HTML以及CSS这种“简单”语言无所不知，然而却忽略了它其中很多人不求甚解的知识点，导致在走向实际工作时，或是在面试官的考核时，屡现尴尬。接下来，我们一起来看一下HTML与CSS冷知识。

HTML易忽略的知识点

DOCTYPE:即为Document Type(文档类型)的简写，声明页面所使用的XHTML(HTML)的版本，一个页面只有声明了正确的DOCTYPE，XHTML与CSS中的标识等才能正常生效。它包含三种类型：Strict、Transitional 、Frameset。

code标签，写在html中来声明代码段，文本中的代码不做翻译运行，直接显示原始代码；

address标签，用于加在文本中地址中，标签包含的文本字体为斜体；

strong和em标签用于凸显一段文本中的字体；

q标签用于短文本引用；

blockquote标签用于长文本的引用；

pre标签用于按照原格式显示在页面上(预格式化文本标签)，例如我们在写HTML时页面会自动忽略我们从键盘进行的空格换行之类的操作，这时如果加上pre标签，网页就会按照我们输入的样式进行显示；

table标签中的summary标签用于添加表格的摘要(不显示)，而caption标签为表格设置标题(显示)；

a标签后的target标签设置为“_blank”表示链接在新窗口打开；

href="mailto:收件地址?cc=抄送地址&bcc=密件抄送地址&subject=主题&body="邮件内容"；(这是邮件的发送格式)；

radio类型的选择按钮的name值要相同才是单选效果；

label标签for=“控件id名称”要与关联的控件id一致，点击label时可触发控件事件；

元素分类：

常用的块状元素有： div,p,h,ol,ul,dl,table,address,blockquote,form

常用的内联元素有： a,span,br,i,em,strong,label,q,var,cite,code

常用的内联块状元素有： img,input

CSS易忽略基础知识点

CSS的引入方式除了我们常用的内嵌外联，还有在css中include方式(虽然一般不会使用，但需要知道)；

缩写“font”样式时，“font-size”和“line-height”要用“/”隔开；

chrome、firefox及IE8以上可以设置display：table-cell为表格单元，vertical-align：middle；设置垂直居中；

;页面加载后，浏览器自动聚焦username字段；

当margin-top、padding-top的值是百分比时，计算方式都是相对于最近父级块级元素的Width＜/b>值；

Safari、chrome、搜狗浏览器都有webkit内核，而firefox使用Gecko内核，IE系列使用Trident内核，使用较新的css时，浏览器要添加前缀firefox:-moz; IE:-ms; 带webkit内核的浏览器:-webkit。

html css 忽略,HTML与CSS中易被忽略的基础知识点相关推荐

湖北省计算机专业基础知识,2012年湖北省中职对口高考计算机应用基础知识点...
简要介绍资料的主要内容,以获得更多的关注 2012年湖北省中职对口高考计算机应用基础知识点第一部分计算机基础知识 1．计算机的发展和应用领域了解计算机技术的发展过程及趋势,掌握并能列举各阶段发展 ...
开发中遇到的问题及基础知识点（1）
1,JavaScript split() 方法语法 stringObject.split(separator,howmany) 定义和用法 split() 方法用于把一个字符串分割成字符串数组. 参 ...
前端HTML、CSS学习完整笔记（中上篇）
第21课 inline内联(行内元素) <!DOCTYPE html> <html> <head> <title>study21.html</ti ...
IE9 CSS 因 Mime 类型不匹配而被忽略“问题
写页面的时候在chrome,fireforks等页面上显示正常,但是换成IE9之后就完全没有样式了.IE真是个奇葩的怪胎.它的报错信息是'CSS 因 Mime 类型不匹配而被忽略',也就是说所有的.c ...
php中定义css样式的好处,CSS的优点和缺点分别是什么
CSS的优点有:丰富的样式定义.易于修改.结构清晰.多页面使用等:CSS的缺点:浏览器支持不一样具有兼容性.不能明确指定继承性 CSS的主要哦作用是为HTML页面添加样式,使得页面更加美观.接下来在文 ...
解决IE下CSS因 Mime 类型不匹配而被忽略的问题
写页面的时候在chrome,firefox等页面上显示正常,但是换成IE9之后就完全没有样式了,报错信息是CSS 因 Mime 类型不匹配而被忽略,下面与大家分享下这个问题的相关的回答.IE真是个奇葩 ...
Eclipse中写jsp文件时，发现里面加载不了js文件和css文件（解决css文件在eclipse中显示不了）
今天在做项目的时候,在项目中新建jsp文件和js文件和css文件,启动服务器,访问页面,加载不到js文件和css文件:(文件存在) jsp文件部分代码如下: <link rel="st ...
css 实现页面加载中等待效果
<!DOCTYPE html> <html> <head> <title>css实现页面加载中,请稍候效果</title><meta ...
html css 表格自动高度,HTML/CSS - 具有固定高度的容器中表格单元格的高度不一致...
我有一个使用HTML/CSS设置的表格,它位于正在变成手风琴的UL的LI元素中.问题是,当LI元素动画到特定高度时,它会改变表格单元格的高度,使最后一个元素隐藏起来.HTML/CSS - 具有固定高度 ...
CSS样式为什么放在head中，而不放在body底部
CSS样式为什么放在head中,而不放在body底部 1. 放在body底部代码: <!DOCTYPE html> <html lang="en"> &l ...

html css 忽略,HTML与CSS中易被忽略的基础知识点

html css 忽略,HTML与CSS中易被忽略的基础知识点相关推荐

最新文章

热门文章