__x__(8)0906第三天__乱码问题

x(8)0906第三天__乱码问题

需要知道: 计算机只认 0 1 任何内容,计算机都会以 0 1 去存储所以 0 1 与内容的编码方式/解码方式需要依照一定的规则,实现 0 1 与内容之间的转换. 字符集:一定的规则,由编码/解码采用...相当于密码本. 乱码的根本原因:编码和解码所采用的字符集不同...想要不出现乱码,既需要指定浏览器的字符集,还需要确定源代码的字符集一致. 注意:采用ANSI选项时,会根据系统选择默认的编码,在中国就会自动选择GB2312...比如我们的浏览器默认使用GB2312字符集. 常见的字符集: A…

x(9)0906第三天__常见的标签

<!doctype html> <html> <head> <meta charset="utf-8" /> <title>常见的标签</title> </head> <body> Hello Web!` <h1>一级标题</h1> <font>看起来h1最大,h6最小.</font> <font>但是我们并不关心显示效果,因为都可…

x(10)0906第三天__字符实体（转义字符）

实体:也叫转义字符,在网页中,一些类似“大于号”和“小于号”这样的字符,无法直接使用,需要用特殊的字符串来表示. 实体语法: “&实体名字;” 或者 “&实体编号;” 注意: 最好使用实体编号,因为有些浏览器只支持编号. HTML5 字符实体参考 HTML5 中的字符实体有些字符在 HTML5 中是保留字. 比如,我们不能在文本中使用大于,小于标记或者尖括号,因为浏览器可能会误认为它们是标记. HTML5 处理程序必须支持下表中列出的 5 个特殊字符. 符号描述实体名称实体编号…

x(11)0906第三天__图片标签

图片标签 <img src="images/1.gif" alt="冰河世纪的大松鼠" width="80%" /> Hello Web!` 这是一个内联元素. 使用<img />标签向网页引入一张图片: src:图片相当于源代码的位置,支持当前文件夹“.”,上一级文件夹“..”. alt:一般都会编写备注,在图片无法显示时,网页上可见.且可以被搜索引擎检索,符合时,收录图片. width/height:宽/高,一般…

x(12)0906第三天__<meta>标签

x(14)0906第三天__<iframe> 内联框架引入有一个外部html页面

在现实开发中,不推荐使用内联框架,因为<iframe></iframe>中的内容不会被搜索引擎检索. 在特殊情况中,如内网项目,不用放在互联网上时,可以使用<iframe></iframe> 属性: src:指向一个外部html页面,可以是相对路径 width height name:指定一个名字给iframe 注意:可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 iframe 的浏览器…

x(15)0906第三天__超链接

HTML5 中的新属性. 属性值描述 charset char_encoding HTML5 中不支持.规定被链接文档的字符集. coords coordinates HTML5 中不支持.规定链接的坐标. download filename 规定被下载的超链接目标. href URL 规定链接指向的页面的 URL. hreflang language_code 规定被链接文档的语言. media media_query 规定被链接文档是为何种媒介/设备优化的. name section_n…

x(16)0906第三天__层叠样式表CSS简介

层叠样式表CSS Cascading Style Sheets 用来为网页创建样式表,通过样式表对网页进行装饰. 所谓层叠,就是将网页想象成一层一层的结构,层次高的将覆盖层次低的. CSS可以为网页的每个层次设置样式. 语法: 选择器{声明块儿} 声明为 “名:值:” 选择器{ 声明1: 声明2: } 分类: 1. 内联样式表直接写到标签的style属性当中,只对该标签作用. <p style="color:red; font-size:24px;">考试重点&l…

x(17)0906第三天__块元素block_内联元素inline_行内块元素inline-block

1. 块元素block 独占一行的元素一般使用块元素包含内联元素,用作页面布局 <a> 标签可以包含任何除了a标签以外的元素 <p> 标签不能包含块元素 h1... ...h6 <hr /> <center></center> <div> 标签不含任何语义,被用于页面布局 2. 内联元素 inline 行内元素只占自身大小的位置,不会独占一行.通常用于选中文本,设置样式内容区不能设置 width 和 hei…

x(13)0906第三天__xhtml 的语法规范

html中不区分大小写,但是最好用小写. 注释不能嵌套. html标签必须结束,即 <></> 或者 < /> html标签不能交叉嵌套. html的标签,有了属性,就必须有值,且值被双引号包括,即属性=“值”…

windows自带记事本导致文本文件（UTF-8编码）开头三个字符乱码问题

在windows平台下,使用系统的记事本以UTF-8编码格式存储了一个文本文件,但是由于Microsoft开发记事本的团队使用了一个非常怪异的行为来保存UTF-8编码的文件,它们自作聪明地在每个文件开头添加了0xefbbbf(十六进制)的字符,所以我们就会遇到很多不可思议的问题,比如,网页第一行可能会显示一个“?”,明明正确的程序一编译就报出语法错误,等等. 下面为一段测试程序,由记事本编辑的文本文件导致文件开头前三个字符乱码. #include <stdio.h> #define MAX_L…

简学Python第三章__函数式编程、递归、内置函数

#cnblogs_post_body h2 { background: linear-gradient(to bottom, #18c0ff 0%,#0c7eff 100%); color: #fff; padding: 3px; margin: 10px 0px; font-family: "微软雅黑", "宋体", "黑体", Arial } Python第三章__函数式编程.递归.闭包欢迎加入Linux_Python学习群群号:478…

笔记三：python乱码深度剖析一

一:学习内容 python编码转换 python乱码原因深入解析二:python编码转换 1. Python内部字符串一般都是Unicode编码,代码中字符串的默认编码与代码文件本身的编码是一致的. 2. Python编码转换通常是要以unicode作为中间编码进行转换的,即先将其他编码的字符串解码(decode)成unicode,再从unicode编码(encode)成另一种编码. 3. Python编码转换实例:gbk存储的字符—>decode('gbk')—>unicode—>e…

x(35)0908第五天__ 层级 z-index

如果三个 div 全部设置 position: absolute; 绝对定位,且未设置 z-index, 则从代码结构上下面的元素会盖住上面的元素. z-index 层级: 通过 z-index 属性设置元素的层级. z-index : 正整数; 层级越高 ,越优先显示在最上面. z-index: 1; 大于没设置 z-index 的元素对于没有开启定位的元素,z-index 无效. 父元素层级再高,也不会盖住子元素.…

x(37)0909第五天__背景图按钮

link,hover,active三种按键状态,存放三张图片缺点: 资源只有在被使用时,才会被加载. 页面第一次加载时,会出现短暂的延迟闪烁,造成一次不佳的用户体验. 图片整合技术 CSS-Sprite 雪碧图: 将三张图片整合为一张图片,在不同的伪类中通过设置 background-position 来切换图片. 一次请求一次加载,一次加载一张图片,相当于多张图片. 优势: 减小资源的大小,省了颜色表提高了访问效率实例效果: html代码: <!doctype html> <ht…

x(41)0909第五天__长表格

长表格银行流水,表格很长... 则需要将表格分为表头 thead ,主体数据 tbody , 表格底部 tfoot 三个标签无顺序要求,易于维护:thead → tfoot → tbody 如果没写 tbody ,浏览器会自添加 tbody,并将所有的 tr 移入 tbody 好处: 可以分别设置样式. 打印时,利用分类处理多页表头,表尾的效果. 无顺序要求,已维护. 效果图: css代码: @charset "utf-8"; *{ margin: 0px; padding: 0p…

JSP的学习三（中文乱码）

1). 在 JSP 页面上输入中文, 请求页面后不出现乱码: 保证 contentType="text/html; charset=UTF-8", pageEncoding="UTF-8" charset 和 pageEncoding 的编码一致, 且都支持中文. 通常建议取值为UTF-8 还需保证浏览器的显示的字符编码也和请求的 JSP 页面的编码一致. 2). 获取中文参数值: 默认参数在传输过程中使用的编码为 ISO-8859-1 ①. 对于 POST 请求:…

x(23)0907第四天__浏览器默认样式

浏览器默认样式: 为了美观,浏览器为了在页面没有样式时,也可以有一个较好的显示效果,默认设置若干 margin,padding. 作为开发人员,在CSS编写最初,一般都会清除默认样式,进而设置自己的样式. 去除浏览器的默认样式: 方法1: @charset "utf-8" *{ margin:0; padding:0; }…

x(19)0907第四天__ HTML5 文本标签及样式

strong 表语义上的强调, em 表示语气上的强调: <strong>警告:离僵尸远点!</strong> 世界末日了,因为僵尸是<em>有毒的</em>! <i>单纯的斜体.</i> <b>单纯的加粗.</b> <small>通常用作“细则”内容,会比父元素字体小一点.</small> <big>无语义,因此将被淘汰使用.</big> 参考内容,参考书籍:&…

x(20)0907第四天__列表ul，ol，dl

列表分为: 有序列表 ul: <ul type="disc"> <li>张三</li> <li>李四</li> </ul> <ul type="square"> <li>青龙</li> <li>白虎</li> </ul> <ul type="circle"> <li>刘备</…

x(21)0907第四天__ css 盒模型 (框模型)

CSS 处理元素,把每个元素都包含在一个盒子里. 对网页的布局,其实就是对盒子的摆放及设置. 边框border,会使盒子变大: .box{ border: 10px 20px 30px 40px red solid; } .box{ border-width: 10px 20px 30px 40px; border-color: red; border-style: solid; } border-top-xxx: border-right-xxx: border-bottom-xxx: bo…

x(22)0907第四天__ 垂直外边距重叠

外边距重叠, 也叫“外边距合并”,指的是,当两个外边距相遇时,它们将形成一个外边距. 合并后的外边距的高度,等于两个发生合并的外边距的高度中的较大者...在布局时,易造成混淆. 1. 上下元素垂直外边距重叠垂直相邻的两个 div,上面的 div 设置了 margin-bootom,遇到下面 div 设置的 margin-top,会发生重叠,产生一个较大的外边距 2. 父子元素垂直外边距重合父子元素 div 时,为子元素 div 设置上边距时,两个 div 都会发生向下偏移,此时父子元素的…

x(25)0907第四天__ overflow 父元素对溢出内容的处理

overflow 父元素对于溢出内容的处理 visible; 默认值,对于溢出内容,在父元素之外显示. hidden; 对于溢出内容,进行隐藏,不显示. scroll; 对于溢出内容不在外显示,但是添加滚动条...该选项启用时,不溢出时,也会有滚动条. auto; 当有溢出时,滚动条才会出现.…

x(26)0907第四天__文档流_网页最底层

文档流处在网页的最底层,表示的是一个页面中的位置. 创建的元素,默认都处于文档流中. 元素在文档流中的特点块元素在文档流中独占一行. 自上而下排列. 宽度默认占父元素的 100%,width="auto"...当元素的 width 和 height 设置为默认auto,此时指定内边距不会影响可见框大小,而是会修改 width 来自适应内边距. 高度将被内容撑开. 内联元素不会独占一行,只占自身大小. 默认从左往右排列,满了就另起一行. 会出现一个元素,上一行一部分,下一行一部分…

x(27)0907第四天__ float 浮动

float 浮动块元素脱离文档流,水平排列. 浮动元素会尽量往左上(left),或者右上(right)浮动,直到遇到块元素或者其他浮动元素. 可选值: none; 默认值,不脱离文档流,垂直排列,不浮动. left; 脱离文档流,向文档左上侧浮动 right; 脱离文档流,向文档右上侧浮动影响布局: 垂直上方的元素,如果是块元素,则浮动于块元素的下方. 垂直上方的元素,如果不是块元素,则浮动元素会覆盖住文档流的元素. 若位置宽度不够,则另起一行. 浮动的元素…

x(29)0908第五天__高度塌陷问题

高度塌陷在文档流中,父元素的高度默认是被子元素撑开的. 但是当为子元素设置 float 时,子元素会完全脱离文档流,无法再撑开父元素,导致父元素高度塌陷...以致于布局混乱变成 BFC块级格式化环境根据 W3C 标准,元素都有一个隐含的属性 “Block Formatting Context” 该属性可以打开/关闭,默认是“关闭”. 当开启BFC后,元素将具有如下特性: 1. 父元素的垂直外边距不会和子元素重叠. 2. 不会被浮动元素所覆盖,会在浮动元素的旁边显示. 3. 可以包含浮…

x(28)0907第四天__固定布局

布局固定布局,需要计算单位自适应响应布局固定布局 html代码 <!doctype html> <html> <head> <meta charset="utf-8" /> <title>湖南城市学院</title> <link rel="stylesheet" type="text/css" href="css/hncu.css" />…

x(30)0908第五天__导航条的练习 <div>版本

效果图: html源代码: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>湖南城市学院</title> <link rel="stylesheet" type="text/css" href="css/hncu.css" /> </head> <b…

x(31)0908第五天__导航条的练习 <ul> 版本

效果图: html代码: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>湖南城市学院</title> <link rel="stylesheet" type="text/css" href="css/hncu.css" /> </head> <bo…

x(34)0908第五天__ 定位 position

position 定位指将原始摆放到页面的任意位置. 继承性:no 默认值:static 没有定位,原始出现在正常的文档流中可选值: static : 默认值,元素没有开启定位 relative : 开启元素的相对定位 absolute : 开启元素的绝对定位 fixed : 开启元素的固定定位,固定定位也是绝对定位的一种. 当开启 position 定位后,可以使用 left,top,right,bottom 进行偏移设置. 1. position…

【__x__(8)0906第三天__乱码问题】的更多相关文章

【x(8)0906第三天__乱码问题】的更多相关文章