![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML与CSS
对HTML和CSS学习的总结以及自己整理的笔记。
四维虫子i
这个作者很懒,什么都没留下…
展开
-
浏览器兼容与图片整合
浏览器兼容与图片整合一、浏览器兼容为什么会出现浏览器兼容问题?由于各大主流浏览器由不同的厂家开发,所用的核心也不同,架构代及码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒,都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。1、关于浏览器主流浏览器: Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、360最早的图形浏览器 : NCS原创 2020-07-19 10:10:01 · 369 阅读 · 0 评论 -
有关页面的优化问题
1)页面主题优化实事求是的写下自己网站的名字,网站的名字要合理,最好包含网站的主要内容。2)页面头部优化<meta name="keywords" content="" />向搜索引擎说明你的网页的关键词;<meta name="description" content=""/>告诉搜索引擎你的站点的主要内容;说明1、“描述”部分应该用近乎描述的语言写下一段介绍你网站的文字,在这其中,你应该适当的对你网站的特色内容加以重复以求突出;2、“关键字”部分应该列原创 2020-07-18 21:16:17 · 131 阅读 · 0 评论 -
BFC
BFCBFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域,只有Block-level box(块)参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。BFC的布局规则一、内部的Box会在垂直方向,一个接一个地放置。二、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠(按照最大margin值设置)三、每个元素的margin box的左边, 与包含块borde原创 2020-07-18 21:09:11 · 80 阅读 · 0 评论 -
表单元素
表单元素action="提交地址"method="提交方式" get post input type="radio" 单选按钮 注意: 同一组的name属性值必须一致,才可以达到互斥的效果 checked="checked"默认选中 type="checkbox" 多选框 注意: name值不需要一致 disabled="disabled" 禁止选择 type="file" 文件上传 select > option 下拉列表 > 下拉列表项 select原创 2020-07-18 20:57:16 · 84 阅读 · 0 评论 -
宽高自适应
宽高自适应 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是pc自适应。自适应的优点: 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。1、宽度自适应 元素宽度设置为100%。(块元素宽度默认为100%) 或者不设置宽度(width);(宽度是父元素的宽度)2、高度自适应1)自适应元素高度:height:auto;或者不设置;(是子元素撑开父元素的高度)2)元素高度自适应窗口高原创 2020-07-18 20:49:23 · 201 阅读 · 0 评论 -
CSS定位position与锚点
CSS文档流position定位属性,检索或设置对象的定位方式position定位1、position属性值static默认值。位置设置为 static 的元素会正常显示,它始终会处于文档流给予的位置(static元素会忽略任何 top、bottom、left或 right 声明)absolute相对于父级元素、的绝对定位,浮出、脱离布局流,它不占据空间,就是我们所说的层,其位置相对于最近的已定位父元素而言的位置,可直接指定“left”、“top”、“right” 以及 “原创 2020-07-12 12:00:03 · 929 阅读 · 0 评论 -
CSS中的元素类型
元素类型根据css显示分类,XHTML元素被分为三种类型: 块状元素,内联元素,可变元素&&三种类型: 块状元素,内联元素,内联块元素(css2.1增加)块状元素的特点A:块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,B:默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象;默认情况下,块状元素会按顺序自上而下排列。C:块状元素都可以定义自己的宽度和高度。 D:块状元素一般都作为其他元素的容器,它可以容纳其它原创 2020-07-12 11:09:59 · 263 阅读 · 0 评论 -
标准盒模型
标准盒模型盒模型盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白(填充)、边框、边界(外边距)这就是盒模型。1、paddingpadding用法:1:padding是在盒子里面,在盒子与内容之间。2:padding的作用:控制子元素在父元素里面的位置关系。3:padding会把盒子撑大。4:如果想让盒子保持原有的大小:在宽高基础上减掉。( 如果一个元素是原创 2020-07-12 10:40:02 · 457 阅读 · 1 评论 -
CSS必须掌握的基础
CSS基础CSSCSS(cascading style sheet) 汉译为层叠样式表,是用于控制网页样式WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制。目前推荐遵循的是W3C发布的CSS3.0版本;用来表现HTML或者XHTML等样式文件的计算机语言。1998年5月21日由w3C正式推出的css2.0HTML + CSS(DIV+CSS)弥补html语言的不足缩减页面代码,提高访问速度;代码减少,页面文件就会小,占用网络带宽就少,客户端打开速度就快,用户体验就会更好原创 2020-07-06 21:00:09 · 182 阅读 · 0 评论 -
HTML精简实用基础知识
HTML基础WEB标准WEB标准是网页制作的标准,它不是一个标准,它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布,也有部分标准由ECMA起草发布(1)W3C( World Wide Web Consortium )万维网联盟,创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构;是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准;(2)ECMA:欧洲电脑网商联合会(厂商协会),制定了行为标准;HTMLHTML 指的是超文本标记语言 (Hy原创 2020-07-05 13:19:10 · 150 阅读 · 0 评论