标准盒模型和怪异(IE)盒模型
提起盒模型,我觉得我们都知道是什么,也知道是其大致的概念!但是要系统的用专业性的词汇表达出来往往很难!这种情况在面试当中经常遇到:请回答, 标准盒模型和怪异盒模型的区别?
大多数浏览器采用W3C标准模型,而IE中采用Microsoft自己的标准。
怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏览器。
当不对Doctype进行定义时,会触发怪异模式。(这个我一般都做文档声明)
1.W3C标准盒模型
在标准模式下,一个块的总宽度=width+margin(左右)+padding(左右)+border(左右)
( 这个我们可以理解为: 洋葱一样层层扒皮,每层都算)
2.怪异(IE)模型
在怪异模式下,一个块的总宽度=width+margin(左右)(既width已经包含了padding左右和border左右值)
(这个我们可以理解为: 一个班集体出了border就是铁板一块只和别的班有账算,内部没有 )
3.CSS3指定盒子模型种类
box-sizing 属性可以指定盒子模型种类:它有三种属性值 content-box || border-box || inherit;
A:content-box W3C标准模式
B:border-box 怪异模式
C:inherit 继承父元素的盒子模型
一般用到通过CSS属性来设置盒子模型的时候,前两种用的比较多
为了加深理解大家可以点击这个链接: https://www.cnblogs.com/yky-iris/p/7719895.html
本篇文章也参考了这位大佬的文章: https://www.imooc.com/article/68238
以上内容来自自己的理解,如不对的地方,还望批评指正,共同进步
标准盒模型和IE盒模型
盒模型是CSS中一个十分重要的概念,掌握好它对网站的构建有十分深刻的作用。
盒子模型可分为两种,标准w3c盒模型以及IE盒模型。这篇文章就是探讨这两者以及具体应用。
html文档中的每个元素都被描绘成矩形盒子,这些矩形盒子通过一个模型来描述其占用空间,这个模型称为盒模型。
盒模型通过四个边界来描述:margin(外边距),border(边框),padding(内边距),content(内容区域)
概念: ie 盒子模型的范围包括 margin、border、padding、content,和标准 w3c 盒子模型不同的是:ie 盒子模型的 content 部分包含了 border 和 pading。
例如一个盒子模型如下:margin:40px,border:20px,padding:20px;width:200px;height:100px;
则用IE盒模型来解释为:
该盒子在网页中占据的大小有:
高:40x2+100=180px
宽:40x2+200=280px
盒子的实际大小为:高:100px;宽:200px;
概念:盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。
如上面的盒子模型:
margin:40px,border:20px,padding:20px;width:200px;height:100px;
则用w3c标准盒模型解释:
该盒子在网页中占用大小:
高:40x2+20x2+20x2+100=260px
宽:40x2+20x2+20x2+200=360px
盒模型实际大小:
高:20x2+20x2+100=180px
宽:20x2+20x2+200=280px
此电脑总是弹出怎么办
1. 电脑老是自动弹出计算机框怎么办
有两种情况。一是将桌面组合功能禁用了。解决方法:
(1)桌面右击“计算机”选择属性;
(2) 在弹出来的界面中点击左侧的“高级系统设置”项;
(3) 在系统属性窗口中的“高级”选项卡下点击性能栏下的“设置”按钮,然后将“启用桌面组合”前面的勾取消掉,点击确定退出即可。
二是将Aero 透明效果关闭了。解决方法:
(1) 在桌面空白处右击鼠标选择“个性化”选项;
(2) 在弹出来的窗口中点击“窗口颜色”;
(3) 将“启用透明效果”前面的勾选取消掉即可。
2. 我的电脑老是出现这个弹窗,怎么办
电脑弹窗解决办法:
1 电脑不心装上了恶意软件,或上网时产生了恶意程序,建议用相关安全软件,清理垃圾,查杀恶意软件,完成后重启电脑,就可能解决。实在不行,重装,还原过系统,可以解决软件引起的问题。
2 如果不能进入系统,可以开机后 到系统选择那里 按f8 选 起作用的最后一次正确配置(可以解决因驱动装错造成的错误)和带网络连接安全模式(进去后是有网络的,再用相关软件弄下),可能就可以修复。
3 点 开始菜单 运行 输入 cmd 回车,在命令提示符下输入
for %1 in (%windir%\system32\*.dll) do regsvr32.exe /s %1 然后 回车。然后让运行完,应该就可能解决。
4 最近电脑中毒、安装了不稳定的软件、等,建议全盘杀毒,卸了那个引发问题的软件,重新安装其他 版本,就可能解决. 再不行,重新装过系统就可以了。
3. 电脑经常弹出这种窗口 怎么办
Windows XP和2000包括一种叫做WFP(Windows File Protection,Windows文件保护)的技术,还带有一个系统文件检查器,这个特性可以避免一些通用dll文件出现问题。
而这个功能也将阻止用户替换需要的系统文件或者对系统文件进行一些操作。不过这个特性使可以通过以下设置禁用的。
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Winlogon子键下, 把"SFCDisable"键的键值设置为"ffffff9d"可禁用WEP,而设置为"0"则可以启用它。其它一些可用的键值如下: 1 - 禁用,但是在系统启动的时候会询问你是否重新启用 2 - 只在下一次重启动的时候禁用,也不会询问你是否重新启用 4 - 启用,并且,不显示弹出窗口 ffffff9d - 完全禁用 你修改的设置会在你重启动电脑后生效 另外的取消文件保护的办法: 1、运行输入gpedit.msc打开组策略,左侧选计算机配置/管理模板/系统/Windows文件保护/右侧选“设置Windows文件保护扫描”双击它在打开的对话框中选“已禁用”按应用确定。
2、运行输入stc /revert 回车恢复默认设置(sfc和 /之间有一个空格)重启电脑。
4. 电脑老是弹出这样的框,怎么办
朋友,电脑出现:内存不能为written,原因总结起来,有以下方面,偶尔出现,点:取消,即可!
1.电脑中了木马或者有病毒在干扰!
试试:杀毒软件,360安全卫士+360杀毒双引擎版,或者金山卫士+金山毒霸,
建议:修复“高危”和“重要”漏洞!使用“木马云查杀”和“360杀毒”,
“全盘扫描”和“自定义扫描”病毒和木马,删除后,重启电脑!
开机后,点开“隔离|恢复”,找到木马和病毒,彻底删除!
2.如果第1种方法不行,下载个“360系统急救箱”,或者“金山系统急救
箱”!
先点“开始急救”,查杀完毕,删除“可疑自启动项”和木马,再重启电脑!
然后点开“文件恢复”,找到“可疑自启动项”和木马,全选,再点“彻底删除文件”!
再点开“系统修复”,“全选”,再点“立即修复”!网络修复,开始修复,重启电脑!
3.用“360安全卫士”,“系统修复”,一键修复!再:“清理插件”,立即扫描,立即清理:恶评插件!
4.你下载的“播放器”,或“聊天软件”,或“IE浏览器”,或者“驱动”,或
“游戏”的程序不稳定,或者“版本太旧”!建议卸掉,下载新的,或将其升级
为“最新版本”!
5.软件冲突,你安装了两款或两款以上的同类软件(如:两款播放器,两款
qq,或多款浏览器,多款杀毒软件,多款网游等等)!它们在一起不“兼容”,
卸掉“多余”的那一款!
6.卸载方法:你在电脑左下角“开始”菜单里找到“强力卸载电脑上的软件”,找到多余的那款卸掉! 卸完了再“强力清扫”!
或者“360安全卫士”,“软件管家”,点开,第4项:“软件卸载”,点开,找
到“多余”和“类似”的软件卸载!如:“播放器”,点开,留下“暴风”,卸载“快播”!如:“下载”:点开,留下“迅雷”,卸载“快车”!(看准了再卸,别把有用的卸了)
7.再不行,重启电脑,开机后按“F8”,回车,回车,进到“安全模式”里,“高级启动选项”,找到:“最后一次正确配置”,按下去试试,看看效果如何!
8.再不行,开始菜单,运行 ,输入cmd, 回车,在命令提示符下输入(复制即可) :
for %1 in (%windir%\system32\*.dll) do regsvr32.exe /s %1
粘贴,回车,直到屏幕滚动停止为止,重启电脑!
9.实在不行就“一键还原”系统或“重装系统”!
5. 电脑总是出现这个怎么办
1.点“开始”、在“运行”里输入:CMD,确定:
出现这个界面后,输入 chkdsk c: /f 确定,(注意CHKDSK后面要打下空格健,再输入c: /f:):
2.点击回车按键后,提示选择Y或者N,按键盘Y,再点击回车:
3.将提示重启电脑提示:
4.看到:“是否计划在下次系统重新启动时检查这个卷”的提示输入:Y,回车,
重新启动电脑;(注意:重启电脑的过程中不要进行任何操作,因为系统正在进行修复,重启电脑再次启动时间比较长,会出现一个蓝色背景,白色英文读取的过程,这是磁盘扫描过程,在此界面中请耐心等待,扫描完毕进入系统故障即可排除。)回答满意请采纳!
回答满意,请你采纳,谢谢
6. 电脑总是不断弹出网页怎么办啊
1、点击"开始-运行-输入msconfig",选择"启动",把里面后缀为url、html、htm的网址文件都勾掉。
2、弹出对话框。打开注册表编辑器,找到HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\ CurrentVersion\Winlogon主键,然后在右边窗口中找到"LegalNoticeCaption"和 "LegalNoticeText"这两个字符串,删除这两个字符串就可以解决在启动时出现提示框的现象了。
3、或可以点击‘开始’然后点击‘运行’,在运行框中输入gpedit.msc,然后回车,打开‘组策略控制器’,然后展开‘用户配置--管理模板--系统--Ctrl+Alt+Del',改回即可.
4、对于单一的弹出网站(网页): 找到(复制)它的地址。 然后在IE里通过:工具--Inter选项--安全,点击“请为不同区域的Web内容指定安全设置”下的“受限站点”,然后点击下面的“站点”按钮,然后在“将该网站添加到区域”中将这个网站复制进去,点击“确定”即可。
7. 电脑老是提示这个怎么办
1)任务栏右下角出现这种提示(某文件损坏,请运行运用chkdsk工具修复),一般是系统垃圾文件太多导致的,主要是上网产生的垃圾文件,清理一下就好了。 打开一个网页,点击“工具”菜单/Inter选项/在“常规”标签下点击“删除cookies(I)”,“删除文件”弹出窗口,点击“确定”(包括脱机文件),然后重启一下电脑(没什么大问题请放心,不用提示说的Chkdsk工具)。也可以用360安全卫士给系统清理优化下!
2)系统自带的磁盘修复方法:(如果故障依旧,修复一下磁盘,每个磁盘都修复一下)具体步骤如下:在我的电脑中选中盘符后单击鼠标右键,在弹出的驱动器属性窗口中依次选择 “工具→开始检查”并选择“自动修复文件系统错误”和“扫描并恢复坏扇区”,然后点击开始,扫描时间会因磁盘容量及扫描选项的不同而有所差异(按上面的方法做后,会弹出一个框,点是,自动关机后在开机进行修复)。
3)还是不行可能是硬盘有问题了,用软件修复试试。硬盘坏道将导致电脑系统文件损坏或丢失,电脑无法启动或死机。硬盘坏道可以采用NDD磁盘工具或Scandisk来修复。
4)如果故障依旧,请还原一下系统或重装(还是不行格式化硬盘重新分区重装,在不行就要换硬盘了,或检修一下去吧)。
8. 电脑老是弹出这个怎么办
帮你从网上找的:
这是软件或系统非正常关闭导致的文件系统错误,修复一下就可以了。
(1)在开始-运行里输入-chkdsk进行修复。此项解决后不必进行后续操作。
(2)我的电脑 C盘点右键,属性-工具-查错-开始检查-把两项都选上,然后开始,它让你重启,你再进系统的时候windows那个检查不要按键,让它扫描完再进系统看看还会不会报错。
(3)如果以上两种方法不行,我的电脑,右键点击C盘-属性-硬件-属性-单击“策略”选项卡。把启用磁盘上的写入缓存复选框前的对号去掉,然后确定,这个功能对于高级优化系统来说都是会被取消掉的,因为对于目前的配置机器来说效果不大还占用一定的硬盘空间造成碎片 。
(4)如果上面还是不可以,找到它所提示的位置,将提示的错误文件删除(注意提示的目录常常是隐藏目录,先在我的电脑上面的工具-文件夹选项-查看中,把显示所有文件选中确定)。
【求助】笔记本电脑总是出现这个弹窗是怎么回事
按照问题描述图片的显示,是“qtwebengineproess.exe”可执行程序问题。处理方式:首先,可以从自启动程序管理器中,关闭该程序的执行。若是某游戏带的文件,则需要扫描系统,并且更新系统。有必要的话,可以重置系统。若是此程序是独立运行,并未与其它的程序关联,则建议查杀系统。总之,这现象有一定的普遍性(游戏群落中),大多采用更换系统,和保持系统更新状态,及时补丁的方式来处理。
为什么电脑会发出广告声音怎么办
1. 我的电脑无缘无故出现广告声音,如何解决
可能出现的几大原因如下:
1、后台的流氓软件,像最近的一些网页游戏,旗帜广告,甚至是商城广告这类的都会出现。
2、电脑有一些自己开启的一些像MP3的程序,忘记关了,就有可能出现有声音的情况。
3、还有一些是恶意插件搞的什么一秒钟弹窗广告,通常1秒钟闪出来后不见了,然后一直都在后台潜伏着,这种情况一般都是从违法网站或者中病毒的情况下才会出现。
解决方法:
1、按住ctrl+alt+del键,关掉一些除了system和admin开头的拖慢电脑的程序。如果是碰到关不掉的流氓程序的话,可以关闭这个程序的进程树。
2、全盘扫描杀毒(看您的使用,如果实在是影响到你平时的操作了,可以这么做)
3、可以启动安全模式杀毒,这样效果好很多。
4、如果以上均不见效,可以尝试格式化。
2. 为什么电脑经常会发出一些广告声音
这是隐藏的插件的广告
解决方法
1、关闭显示器后再打开。
2、针对IE浏览器
a:如果是IE内核的或者用的就是IE,打开设置,选择Inter选项。
b、找到高级选项。
c、在高级选项中下拉,找到在网页中播放声音。
d、关闭在网页中播放声音即可关闭网页声音。
3. 为什么电脑无缘无故出现广告声音
可能出现的几大原因如下: 1.后台的流氓软件,像最近的一些网页游戏,旗帜广告,甚至是商城广告这类的都会出现。
2.您的电脑有一些你自己开启的一些像MP3的程序,你忘记关了,就有可能出现有声音的情况。 3.还有一些是恶意插件搞的什么一秒钟弹窗广告,通常1秒钟闪出来后不见了,然后一直都在后台潜伏着,这种情况一般都是从违法网站或者中病毒的情况下才会出现。
怎么解决? 按住ctrl+alt+del键,关掉一些除了system和admin开头的拖慢电脑的程序。如果是碰到关不掉的流氓程序的话,可以关闭这个程序的进程树。
全盘扫描杀毒(看您的使用,如果实在是影响到你平时的操作了,可以这么做)可以启动安全模式杀毒,这样效果好很多。如果以上均不见效,可以尝试格式化。
4. 电脑总是时不时出现广告声音是怎么回事
这是因为网页弹出了广告,或者是中病毒了。
解决办法:
1、针对网页广告的,可在电脑中安装类似腾讯电脑管家这样带有广告拦截的软件,安装后点击工具箱,将弹窗拦截和网页广告过滤两项功能打开,即可过滤网页的广告。
2、针对软件或网站有病毒的,可使用腾讯电脑管家、卡巴斯基等杀毒软件全盘查杀电脑,或者也可重启电脑进入安全模式全盘杀毒,杀毒完成后可打开杀毒软件的实时防护功能,如电脑管家的实时防护功能能从上网入口防止电脑中病毒。
电脑突然出现广告声音怎么办
您好亲,很高兴为您解答,电脑突然出现广告声音怎么办?出现这种情况的大原因如下:1、后台的流氓软体,像最近的一些网页游戏,旗帜广告,甚至是商城广告这类的都会出现。2、电脑有一些自己开启的一些像MP3的程式,忘记关了,就有可能出现有声音的情况。3、还有一些是恶意外挂搞的什么一秒钟弹窗广告,通常1秒钟闪出来后不见了,然后一直都在后台潜伏著,这种情况一般都是从违法网站或者中病毒的情况下才会出现。解决方法:1、按住ctrl+alt+del键,关掉一些除了system和admin开头的拖慢电脑的程式。如果是碰到关不掉的流氓程式的话,可以关闭这个程式的程序树。2、全盘扫描防毒(看您的使用,如果实在是影响到你平时的操作了,可以这么做)3、可以启动安全模式防毒,这样效果好很多。4、如果以上均不见效,可以尝试格式化。【摘要】
电脑突然出现广告声音怎么办【提问】
电脑突然有广告声音 但是还是找不到是哪里的【提问】
您好亲,很高兴为您解答,电脑突然出现广告声音怎么办?出现这种情况的大原因如下:1、后台的流氓软体,像最近的一些网页游戏,旗帜广告,甚至是商城广告这类的都会出现。2、电脑有一些自己开启的一些像MP3的程式,忘记关了,就有可能出现有声音的情况。3、还有一些是恶意外挂搞的什么一秒钟弹窗广告,通常1秒钟闪出来后不见了,然后一直都在后台潜伏著,这种情况一般都是从违法网站或者中病毒的情况下才会出现。解决方法:1、按住ctrl+alt+del键,关掉一些除了system和admin开头的拖慢电脑的程式。如果是碰到关不掉的流氓程式的话,可以关闭这个程式的程序树。2、全盘扫描防毒(看您的使用,如果实在是影响到你平时的操作了,可以这么做)3、可以启动安全模式防毒,这样效果好很多。4、如果以上均不见效,可以尝试格式化。【回答】
CSS盒子模型是什么
CSS盒子模型:W3C组织建议把所有的网页上的对象都放在一个盒子中(在定义盒子宽高的时候,要考虑到内填充,边框,边界的存在)一个盒子的构成:盒子中的内容:content盒子的边框:border盒子边框与内容之间的距离:称为填充---padding内边距(内补丁)如果有多个盒子存在,盒子与盒子之间的距离:称为边界---margin,外边距(外补丁)整个盒子模型在网页中所占的宽度:左边界左边框左填充内容右填充右边框右边界CSS盒子模型的属性:内容属性:宽=width 高=height内填充属性(内容与边框之间的距离):padding外边距属性:margin(使用该属性的时候注意浏览器的兼容性)内填充与边界的规则:如果有四个参数:表示上右下左,也可以单单指定某个方向如果只有一个参数:表示上右下左如果有两个参数: 第一个参数表示上下 第二个参数表示左右如果三个参数:表示上 左右 下边框属性:border复制代码
什么是css的盒子模型
CSS盒子模型就是在CSS技术所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。通过定义一系列与盒子相关的属性,可极大地丰富和促进各个盒子乃至整个HTML文档的表现效果和布局结构。CSS盒子模型由内容区、填充、边框和空白边四部分组成。内容区是盒子模型的中心,呈现盒子的主要信息内容;填充是内容区和边框之间的空间;边框是环绕内容区和填充的边界;空白边位于盒子的最外围,是添加在边框外周围的空间。扩展资料:CSS盒子模型特点:1、丰富的样式定义:CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。2、易于使用和修改:CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。3、多页面应用:CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。参考资料来源:百度百科-CSS盒子模型
IE盒模型和标准盒模型的区别
盒模型是CSS中重要的一个概念,但是在以前IE5.5以及更早的IE浏览用的不是标准盒模型,我们称之为IE盒模型。 先说重要的区别: 两者的区别在于content的不同,IE盒模型的content包括border、padding 我们先IE盒模型设置 box-sizing:border-box大小为100px border设置了10px 方便观察 **此时把border设置了30px ** 再给它加上padding 给IE盒模型的盒子加border和padding的大小还是100px没变化的 语法:
css盒模型是什么
css盒模型是重点。如果您会用表格布局的话,就非常好理解和掌握了。这里的盒模型是和table布局的一个不同点。学 习web标准,首先要弄懂的就是这个盒模型,这就是DIV排版的核心所在。传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用CSS 排版后,就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页。这种排版方式的网页代码简洁,表现和内容相分离,维护方便,能兼容更多的浏览器,比如PDA设备也能正常浏览。那么它为什么叫盒子呢?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin),CSS盒子模式都具备这些属性。我们可以把它想像成现实中上方开口的盒子,然后从正上往下俯视,边框相当于盒子的厚度,内容相对于盒子中所装物体的空间,而填充呢,相当于为防震而在盒子内填充的泡沫,边界呢相当于在这个盒子周围要留出一定的空间,方便取出。是不是这样就很容易理解盒模型了。所以整个盒模型在页面中所占的宽度是由左边界左边框左填充内容右填充右边框右边界组成,而css样式中weight所定义的宽度仅仅是内容部分的宽度,这是许多朋友容易搞混的地方这里的边界我们也称之为:外边距、外补丁;填充也叫:内边距、内补丁。
ie 和ff关于 div的宽度计算 margin padding
margin对div的宽度并不影响,而padding的话,实际显示的宽度是设置的width值加上左右padding的值,比如width:600px;padding:10px;那么实际显示宽度就是620px;
所以布局的时候要用padding的时候设置width属性的时候记得减去padding值
而IE和FF中,padding的实际效果都一样,而margin的话,在FF和IE中的BOX模型解释不一致导致相差2px;
也就是IE会少2px,解决方法是:
margin:30px!important;
margin:28px;
30px是FF调取的,28px是IE调取的
备注:
区别FF,IE7,IE6:
background:green
!important;
background:orange;
*background:blue;
IE6能识别*,但不能识别
!important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
另外再补充一个,下划线”_“,IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分firefox,IE7,IE6
background:green!important;
*background:orange;
_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
使用Flexbox碰到了什么样的坑
1,flexbox有多个版本,在低版本安卓下实行的是09年的旧版标准Flexible Box Layout Module
这个标准需要添加-webkit-前缀。其余的实行的是新的flexbox标准CSS Flexible Box Layout Module Level 1,其中ios9以下Safari需要添加-webkit-前缀。
2,旧版flexbox标准各浏览器支持属性有限,比如说不支持flex-wrap等。所以如果考虑兼容性的话需要只使用旧版标准中浏览器可以支持的属性。
3,还是旧版的问题,旧版的使用比例伸缩布局时会导致盒子内容大小不等会导致无法‘等分’等布局。这个时候需要设置width:0%;等把原始大小设置成0。
4,依旧是旧版的问题,旧版的box item要求属性是块级结构,所以很多inline元素需要设置display:block等才能显示正常。
5, 新发现 text-overflow: ellipsis;在display:flex元素上无效。