做无边框窗口之后,我们有方法可以让窗口的标题栏区域和边缘调大小的区域继续正常工作,直到——这个窗口上面覆盖了其他的子窗口。这个子窗口会吃掉消息导致父窗口的边缘无法再继续处理这些消息。...---- 子窗口遮挡了父窗口 看一下下面的动画,这个窗口的下半部分放了一个子窗口。 然后尝试在边缘调节窗口尺寸,会发现被子窗口覆盖的部分是无法完成窗口大小调节的。...究其原因,是子窗口处理掉了与调窗口大小相关的消息,导致父窗口完全不知道应该如何处理这个时候的操作。...于是,我们需要在消息循环的处理中返回 HTTRANSPARENT 来告诉操作系统这个区域子窗口不处理消息,请交给父窗口。 这里,我以 WPF 的消息循环来写代码。...如果你一定要在父窗口非同一个线程时返回 HTTRANSPARENT 那么你的整个窗口(顶层窗口和子窗口)将无法再操作!
CSS语法 选择符 { 属性:值} 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变 成蓝色,而其他的元素(如ol)不会受到影响。...当有多条声明时,中间 可以英文分号“;”分隔 最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号 CSS注释 - /*注释语句*/ CSS的某些样式是具有继承性的。...元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。..."> ?...由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕 位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会 受文档流动影响
block: 英语翻译过来是“块”意思,就跟小时候玩过的积木方块一样,一块一块往上搭。...inline应该是“inline elements”(行内元素) 细节对比: display:block的元素; 1、在网页中会单独占一行,默认情况下他的宽度是填满父级宽度,即使他的宽度比浏览器窗口小很多也不会让后面的元素挤上来跟他同占一行...; 3、还可以设置padding和margin; display:inline; 1、这样样式的元素就不一样啦,他比较大方,他可以和多个inline元素同占一行,直到他们的宽度总和超过了浏览器窗口的宽度才会将多出来的元素往下挤...代码如下: div{ display:inline-block;} div{ display:inline;} 方法2:直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的...代码如下: div{ display:inline-block; zoom:1; } 常见的块级元素:div、p、form、h1-h6、pre、ol、ul、dl等等; 常见的内联元素:span
important要写在分号的前面 这里注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。...元素宽度在不设置的情况下,是它本身父容器的100%,除非设置一个宽度。...元素的宽度就是它包含的文字或图片的宽度,不可改变 内联元素 内联:同时具备内联元素、块状元素的特点,代码display:inline-block。...如果不包含块,则相对于body元素,即相对于浏览器窗口。...由于视图本身是固定的,它不会随浏览器窗口的滚动条而变化,因此它始终固定于窗口内视图的某个位置。导航条就是用这种固定方法。
) :加粗标签(内联标签) :为文字加上一条中线(内联标签) :文字变成斜体(内联标签) :上角标(内联标签) :下角标(内联标签) :元素包含的内容,在显示格式上没有任何变化,没有应为插入元素而产生换行或者其他排版效果.这样的显示效果称为“行内元素”(内联标签) :元素所包含的内容,在格式上有所变化,每一个<...center - 居中对齐块(不推荐) dir - 目录列表(HTML5踢出) div - 常用的不能再常用了dl - 列表 ...当点击提交按钮时,向这个 URL 发送数据。...target属性用来指定目标窗口的打开方式 _blank是指将返回的信息显示在新打开的窗口中 _parent是指将返回信息显示在父级的浏览器窗口中 _self则表示将返回信息显示在当前浏览器窗口 _top
元素分类 块状元素、内联元素(又叫行内元素)和内联块状元素 常用的块状元素有: 、、......>、、、、、 常用的内联块状元素(同时具备内联元素、块状元素的特点)有: 、 内联转块:display:block...3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。...如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口 相对于浏览器窗口处于右下角。并且拖动滚动条时位置固定变化。...由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响
层叠 层叠胡原始股在HTML文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用(离元素最近优先级越高)。...3、元素宽度在不设置的情况下,是它本身父容器的100%,除非设定一个宽度。...块级元素也可以通过代码display:inline将元素设置为内联元素 div{display:inline;} 内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度及顶部和底部的边距不可设置...如下边代码可以实现div元素相对于浏览器窗口向右移动100px,向下移动50px。...由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终定位于浏览器窗口内视图的某个位置,不会受文档流动影响
> 嵌入式 > 外部式,当三种都设置了,会优先使用内联式。...text-align:center; 3} 4、CSS盒模型 4.1、块级元素 特点:每个块级元素都从新的一行开始,并且其后的元素也另起一行;元素的高度、宽度、行高以及顶和底边距都可设置,元素宽度在不设置的情况下...常用的块级元素有:、、…、、、、、、、 4.2、内联元素 特点:内联元素和其他元素都在一行上...由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响...但当给 font-size 设置单位为 em 时,此时计算的标准以 p 的父元素的 font-size 为基础。
>内容 # 跟普通写的一样 # 换行符 自闭合标签 # 块级标签㠌套 块级标签 内联标签 # 内联标签㠌...套 只能㠌套内联标签 内联标签 块级标签: block(块)元素的特点 总是在新行上开始; ...,不可改变 内联元素只能容纳文本或者其他内联元素 # 弹框 alert(内容) 特殊字符   # 一个空格 <# 一个小于号 ># 大于号...="300" width="400" 同时也可以直接设置宽度,高度 # 不推荐这么用...my blog # href 跳转地址 中间是名称 # target="_blank" # 在新的窗口打开超链接
③、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。 如何将一个元素设置为块状元素? ...①、通过代码display:inline将元素设置为内联元素 ----> div{display:inline;} 3、内联块状元素。 ...当border:的时候是给边框四条线都设置样式 如果给规定的一边的边框设置: div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边(上、右、左...) 层模型有三种形式: 1、绝对定位(position: absolute) 下面代码可以实现div元素相对于浏览器窗口向右移动100px,向下移动50px。...由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置, 或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响
line-height = 行高 ------------>文本上下居中 11、text-again = center------------>文本左右居中 二、标签种类 dispaly:inline 变内联标签... ----------无法使用高度,宽度 display:block 变块级标签 display:inline-block 变内联标签 -----可以使用高度,宽度 三、页面中的小图标(实际上是通过一面墙上的洞看图片中的图标...class="w"> 111 222 111 222 <div style...w .item{ float: left; } .w:after{ content: "777"; #在标签后面加一个内联标签
内联元素也不会独有一行. 一切元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素。有三种状况将使得元素离开文档流而存在,分别是浮动、绝对定位、固定定位....当对象定位在浏览器窗口以外,浏览器因此显示滚动条。 fixed:固定定位。对象定位遵从绝对(absolute)方式。但是要遵守一些规范。...当对象定位在浏览器窗口以外,浏览器不会因此显示滚动条,而当滚动条滚动时,对象始终固定在原来位置。 relative:相对定位。...当对象定位在浏览器窗口以外,浏览器因此显示滚动条。 static:元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。...既然没有空间可占,那就等于容器里没有东西,所以不撑开。解决办法是在黄色DIV的后面加个DIV,然后清除浮动。让他有空间可占,自然就撑开了。试试!
下面的内容,请确保你有半小时充足时间细细阅读,别的地方可是看不到的。...知道了问题的原因,我们就可以对症下药,准确搞定图片下面我们不希望看到的间隙。怎么搞呢?一对基友,vertical-align和line-height我们随便搞定一个就可以了。...例如: img { display: block; } 则妹子就会变这样: ? 下面的空隙不见了。 2....因为字符实际占据的高度是由行高决定的,当行高变成0的时候,字符占据的高度也是0,此时,高度的起始位置就变成了字符content area的垂直中心位置,于是,文字就一半落在看看2的外面了。 ?...改造“幽灵空白节点”的基线位置,哈哈,使用font-size,字体足够小时,基线和中线会重合在一起,什么时候字体足够小呢,就是0.
css元素溢出 当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置。 overflow的设置项: 1、visible 默认值。...解决内联元素间隙的方法 1、去掉内联元素之间的换行 2、将内联元素的父级设置font-size为0,内联元素自身再设置font-size 内联块元素 内联块元素,也叫行内块元素,是新增的元素类型,现有元素没有归于此类别的...,给它样式属性 clear:both(不推荐) 使用成熟的清浮动样式类,clearfix 清除浮动的使用方法: .con2{... overflow:hidden} 或者 <div class="con2...fixed 生成固定定位元素,元素脱离文档流,不占据文档流的位置,可以理解为漂浮在文档流的上方,相对于浏览器窗口进行定位。...、animation-play-state 动画状态 paused 停止 running 运动 9、animation-fill-mode 动画前后的状态 none 不改变默认行为 forwards 当动画完成后
下面的内容,请确保你有半小时充足时间细细阅读,别的地方可是看不到的。...知道了问题的原因,我们就可以对症下药,准确搞定图片下面我们不希望看到的间隙。怎么搞呢?一对基友,vertical-align和line-height我们随便搞定一个就可以了。...例如: img { display: block; } 则妹子就会变这样: ? 下面的空隙不见了。 2....因为字符实际占据的高度是由行高决定的,当行高变成0的时候,字符占据的高度也是0,此时,高度的起始位置就变成了字符content area的垂直中心位置,于是,文字就一半落在看看2的外面了。...改造“幽灵空白节点”的基线位置,哈哈,使用font-size,字体足够小时,基线和中线会重合在一起,什么时候字体足够小呢,就是0.
*/ CSS优先级 当设置相同样式时,后面的优先级较高。...如:div,p{}=div{}=p{} 标签分类 按类型 block : div、p、ul、li、h1 … 独占一行 支持所有样式 不写宽的时候,跟父元素的宽相同。...left、top、right、bottom是相对于当前元素自身进行偏移的 absolute: 使元素完全脱离文档流(类似于浮动) 使内联元素支持宽高 (让内联具备块特性) 使块元素默认宽根据内容决定(...让块具备内联的特性)。...) 使块元素默认宽根据内容决定(让块具备内联的特性) 相对于整个浏览器窗口进行偏移,不受浏览器滚动条的影响 BFC规范 BFC即Block Formatting Contexts(块级格式化上下文
常用的内联元素有:a - 锚点,b - 粗体(不推荐),br - 换行,em - 强调,font - 字体设定(不推荐),i - 斜体,img - 图片,input - 输入框,label - 表格标签...这个属性只能作用于块元素(或者被CSS控制为块元素的内联元素,但是被控制为内联元素的块元素是不行的)。一句话来说,就是要拥有块元素的特点的那些元素。...这个很好理解,居中,肯定是行居中,如果使用它的元素本身不拥有完整的在宽度上的独立空间,它当然没有能力让它内部的文字或者图片居中。 ...但是子元素中文字的居中,是在子div中居中,而不是对于父div居中。也就是,它里面所有的文字,都会相对于最靠近自己的一层div来实现居中。所以,这个属性不能用于div在父div中的整体居中。...我们可以这样来理解,没有明确设定宽度的block,根据块级元素的性质,它默认是独占一行的,所以这个时候block本身就是浏览器窗口的宽度,就不必要来设置水平居中了。
div1和div2的垂直距离由大的margin决定,也就是div2的40px而不是二者之和60px。 其次,行内元素是会被折断的,当宽度受到限制的时候,它会自动移动到下一行。...如果祖先是内联元素,containing block 取决于祖先的 direction 属性。...名词解释: 视口:通过解析文档,连续媒体(比如屏幕就是连续媒体,而打印机则是基于页的媒体)给用户产生一个视口(一个窗口或其它在屏幕上显示的区域)。...1 .main { 2 overflow: hidden; 3 } 当触发main生成BFC后,这个新的BFC不会与浮动的aside重叠。因此会根据包含块的宽度,和aside的宽度,自动变窄。...因为BFC内部的元素和外部的元素绝对不会互相影响,因此,当BFC外部存在浮动时,它不应该影响BFC内部Box的布局,BFC会通过变窄,而不与浮动有重叠。
命名没有长度限制,不过不建议过长。 不允许出现标签名。...当盒子内的元素超出盒子自身的大小时,内容就会溢出(IE6除外),这时如果想要规范溢出的显示方式,就需要使用css的overflow属性,其基本语法格式如下: overflow : 属性值 overflow...(6)固定定位 固定定位是绝对定位的一种特殊形式,它以浏览器窗口作为参照物来定义网页元素。当position属性的取值为fixed时,即可将元素的定位模式设置为固定定位。 ...当对元素设置为固定定位后,它将脱离标准文档流的控制,始终依据浏览器窗口来定义自己的显示位置。不管浏览器滚动条如何滚动,也不管浏览器窗口的大小如何变化,该元素都会始终显示在浏览器窗口的固定位置。 ...(3)常用标签嵌套 ①内联元素不能包含块元素,它只能包含其他的内联元素 例如:span>div -> 错误 div>div>ul>li>div -> 错误 ②有些块级元素不能放其他块级元素
命名没有长度限制,不过不建议过长。 不允许出现标签名。...内联样式最大->内联样式的优先级最高; ID选择器优先级仅次于内联样式; 类选择器优先级次于ID选择器; 标签选择器最低; 3.2 继承样式权重为0 在嵌套结构中,不管父元素样式的权重多大,被子元素继承时...当盒子内的元素超出盒子自身的大小时,内容就会溢出(IE6除外),这时如果想要规范溢出的显示方式,就需要使用css的overflow属性,其基本语法格式如下: overflow : 属性值 overflow...当position属性的取值为fixed时,即可将元素的定位模式设置为固定定位。 当对元素设置为固定定位后,它将脱离标准文档流的控制,始终依据浏览器窗口来定义自己的显示位置。...,它只能包含其他的内联元素 例如:span>div -> 错误 div>div>ul>li>div -> 错误 ②有些块级元素不能放其他块级元素 例如:标题标记(h1,h2,h3,h4,h5
领取专属 10元无门槛券
手把手带您无忧上云