美文网首页饥人谷技术博客
html css知识点总结1

html css知识点总结1

作者: 落木兮兮 | 来源:发表于2015-12-13 12:23 被阅读230次

1.charset="utf-8"与"gbk"的差别

utf-8是一种国际通用编码格式,如果网页涉及多种语言,可用utf-8的编码模式,且无需下载其他语言支持包。

gbk是用于支持中文简体与繁体的编码格式。

区别(转载):

(1)编码方式不同

UTF-8编码采用的是一种多字节编码,在英文中8位代表一个字节,而中文字是24位代表一个字节。而GBK编码方式都是通过双字节来表达,不管文字是英文还是中文字符都是一概而论,当然在区分中文的时候,会定位最高位为1。

(2)UIF-8及GBK的兼容性

这两种编码都是系统的字符编码,GBK是在国家标准GB2312基础上扩容后兼容GB2312的标准,UTF-8编码的文字可以在各国各种支持UTF8字符集的浏览器上显示。也就是说如果你的网站使用的是UTF-8编码,在国外观看你的网站浏览器上就会帮你切换到中文状态,而使用GBK编码的话,在国外浏览网页就必须要下载中文语言支持包,如果没有下载就会出现乱码的现象。

(3)UIF-8好还是GBK编码好?

UTF-8在英文站点中所占用的字节是1个字节,而GBK编码所占用的是2个字节,这样如果是在英文网站或者你的网站英文字符过多的话,建议使用UTF-8编码,这样能节省一些空间。

对于中文比较多的论坛 ,使用GBK则每个字符占用2个字节,而使用UTF-8中文却只占3个字节。可以采用GBK版本,但是UIF-8在所以浏览器都能正常显示,而GBK可能有些浏览器会有不兼容的现象,所以根据实际情况来衡量网站到底使用哪种编码。>

2.浏览器有哪些内核:IE,chrome;

3.严格模式与怪异模式的区别:严格模式更易于浏览器渲染。

4.html中的px em rem %的区别:px指绝对大小,em、%相对父元素的大小,1.7em、170%即为父元素大小的1.7倍,rem指相对html的大小,如html为20px,父元素为30px,p的font-size:1.7rem,即为20px*1.7。

5.使文字垂直居中:line-height=height,只针对小段未换行文字;

6.链接一定要放href属性;一般使用a链接制作按钮,因为默认有个手势;设置a链接的颜色样式,必须选中a链接给它单独设置。a链接的继承,只有颜色不会被影响。a:active{},指点中(鼠标按下去未松开的状态下)a的样式,div也可以设置hover。

7.圆角:border-radius:2px;

8.transition属性:transition属性在css设置时放在a中,而不是放在a:hover里面;

9.派生选择器(子元素选择器):table td{},指table子元素中所有层级的td;.product>dt为选中直接层级的子元素,

10.边框中的双线变为单线:table{

border-collapse:collapse;

};只针对表格。

11.如何设置div中的图片垂直和水平居中,图片为行内元素:div{

display(改变一个元素的展示形式):table-cell;/block,none(让元素消失,脱离文档流,没有从DOM树中去除;visibility:hidden元素隐藏,类似于透明opacity:0),inline,inline-block,table-cell,指借用table-cell的属性/

vertical-align:middle;/设置垂直居中,使用范围:表格,无法在div中使用/

text-align:center;/设置水平居中/

}

相关文章

  • 总结部分知识点 _ 杂(html, css, js)

    总结部分知识点 _ 杂(html, css, js) 搭载项目环境 Html核心文件index.html CSS:...

  • html css知识点总结1

    1.charset="utf-8"与"gbk"的差别 utf-8是一种国际通用编码格式,如果网页涉及多种语言,可用...

  • 前端面试总结

    前端重要知识点总结,以供学习参考,持续更新,若有错,请各位大佬指点。 HTML/CSS部分 1.doctype的作...

  • 导航条制作(1-1)

    html代码: css代码: CSS知识点:(1)四种引入 CSS 的方式:style 属性、style 标签、c...

  • 前端训练营第一周学习总结

    前端训练营第一周学习总结 一、知识点 1.梳理前端技术的知识体系,展开html、js、css、api等知识点的内容...

  • 在上海乐字节学习Java前端-总结

    web前端学习知识点总结: 基础:HTML+CSS网站页面搭建,CS核心和PC端页面开发,HTML5移动端页面开发...

  • JavaWeb技能一栏

    知识点列表: 开发: 1、页面开发:HTML,CSS,JavaScript,jQuery,BootStrap,La...

  • HTML + CSS 知识点总结

    第一章 什么是HTML文件? 类似于txt、word文本记录文件 需要使用浏览器打开 展示文字和其他信息 使用标签...

  • HTML CSS JavaScript入门知识点

    HTML CSS JavaScript入门知识点 本文将主要描述HTML css javascript这三门技术的...

  • 小结

    web的总结 html部分 1. 纯文本语言,javascript、css、java、txt、html...

网友评论

    本文标题:html css知识点总结1

    本文链接:https://www.haomeiwen.com/subject/rytuhttx.html