精华内容
下载资源
问答
  • //将边框外的上下左右空间设置0 Cosine.setBorderPainted(false); Cosine.setIconTextGap(0);//将标签中显示的文本和图标之间的间隔量设置0 Cosine.setBorderPainted(false);//打印边框 Cosine....
  • Macbook 连接U盘没反应存在多种情况:电脑无法识别U盘,桌面上没有显示U盘图标,还是无法往U盘写入文件,... 选择“边框” —> 在边栏显示项目下的“设备”中,勾选 “外置磁盘”即可,如下图所示:磁盘工具里也...

    3ddbdc45c780644d0b53ae28b359e581.gif

    Macbook 连接U盘没反应存在多种情况:电脑无法识别U盘,桌面上没有显示U盘图标,还是无法往U盘写入文件,亦或是其他问题?

    桌面上没显示移动硬盘图标?

    如果是桌面上没显示移动硬盘的图标,但从磁盘工具里可以正常访问U盘,这时我们只要点击“访达” —> 选择“偏好设置” —> 选择“边框” —> 在边栏显示项目下的“设备”中,勾选 “外置磁盘”即可,如下图所示:

    74968e7df646f4b6fd6c7321b34cd434.png

    磁盘工具里也没识别出来?

    将外置硬盘连接到其它电脑上

    我们可以把移动硬盘连接到 Windows 设备看看能否正常访问,确认是不是移动硬盘本身损坏的问题。

    电脑/移动硬盘接口是否损坏?

    如果确认移动硬盘可以正常访问,那不排除是电脑的接口出问题,如果电脑有其他接口,不妨换一个接口试试。

    检查连接的转换器上的接口是否正确

    2016年后的 Mac 电脑上的接口均为雷电接口,但很多用户的移动硬盘连接线还是以前的USB接口,所以,这里你使用的连接外置硬盘和电脑的转化器就非常重要了。好一点的转换器的每一个接口均可雷电3接口,稍微差一点的转换器的接口只有一个雷电3接口,其余的接口在连接外置硬盘上速度会非常慢或者不能识别,因此,请确定你的转换器是否有此限制以及对应的插口是否正确。

    重启你的Mac电脑

    重启电脑能解决99%的电脑小问题,如果在磁盘工具没看到移动硬盘时,不妨重启你的Mac电脑试试,说不定重启后就可以被识别了。

    确认移动硬盘的磁盘格式

    如果在磁盘工具中可以看到移动硬盘,但无法装载和使用它,则可能是因为移动硬盘的文件系统格式问题。

    Mac电脑自身的文件系统有 APFS,Mac OS Extended,同时也支持Windows系统的FAT和EXFAT磁盘格式,但对Windows最新的文件系统格式NTFS, 通常情况下是可以查看NTFS格式的磁盘, 但 Mac 并不支持对该格式磁盘的编辑写入操作。

    但是如果因为一些不正确的操作导致外置硬盘的文件系统出错,在连接该磁盘到电脑上时,Mac电脑就无法识别该磁盘,或者可以识别该磁盘,但是无法对其进行装载使用, 针对这个问题可以将该磁盘连接到Windows电脑上进行磁盘检查先修复文件系统的问题,再连接到Mac电脑上。但是即使修复了问题,也仅仅是可以访问该磁盘,还是无法往NTFS格式的外置硬盘里拷贝、编辑文件。

    怎么才能编辑写入NTFS磁盘?

    方法一:

    通过手动执行一些命令完成NTFS 写入的功能。

    这个方法不仅需要深厚的技术背景,并且数据传输的过程不稳定,十分容易造成数据丢失。

    方法二:

    将移动硬盘/U 盘的 NTFS 文件系统格式化为 FAT32/exFAT。

    这种方法比较推荐用于新购买的 NTFS 格式移动硬盘,在使用该移动硬盘/U 盘前,将磁盘的文件系统格式化为 FAT32 或者 exFAT,这两个文件系统可同时在 Mac 电脑系统及Windows系统上使用;

    如果不是新的 NTFS 格式移动硬盘,需要格式化为 FAT32 或 exFAT 文件系统,请务必在格式化前对 NTFS 磁盘上的文件进行备份,以避免数据丢失。建议使用下面我推荐的方法三!

    那么重点来了,NTFS 格式移动硬盘如何格式化 FAT32 或 exFAT 文件系统 。

    一)把NTFS 格式移动硬盘连接到 Windows 电脑;

    二)选择桌面“我的电脑” -> 右键 -> 管理 -> 磁盘管理;

    三)选择需转换文件系统的 NTFS 格式新加卷 ->右键 -> 格式化;

    1632492c5518903d50b197f21abd939d.png

    四)选择 FAT32/exFAT 文件系统;

    84ac27e0c9fa9f9854f38a002666a71b.png


    五)完成,即可在Mac 及 Windows 电脑系统上使用该移动硬盘。

    方法三:

    因为 NTFS格式作为Windows系统下性能最优的文件系统,大多数的用户并不想放弃,所以广泛的用户选择使用最简单的第三方 NTFS for Mac 软件工具。软购商城给大家带来的是一款最高性价比的 NTFS 软件 —— 赤友NTFS助手 !轻松实现Mac电脑读写NTFS硬盘,希望对你有用。

    简单的操作步骤

    赤友NTFS助手作为一款第三方软件,除了其功能和价格的优势外,在实际使用中,没有任何复杂的操作, 你只需将软件安装到电脑上,每次使用的时候双击启动即可。当然,如果你嫌麻烦,你也可以在初次安装时设置好开机启动,每次启动电脑,软件将自动启动,你只需连接NTFS 磁盘即可。详细的步骤如下:

    5a64fe554036488c6beb53db5d5a83f7.png

    第一步:下载并安装NTFS助手(免费试用3次):https://www.ntfsformac.com/download/

    第二步:连接NTFS移动硬盘;

    第三步:NTFS 磁盘连接后,软件将自动装载并打开磁盘,你即可在 Mac 电脑上读写 NTFS 磁盘了。

    c41ab92aedad107f08affb2316c0c7c0.png

    期待已久的macOS Catalina(10.15)系统的正式版发布了!你已经升级到最新版本了吧?为了全面满足Mac用户的使用需求,NTFS助手在macOS Catalina(10.15)测试版发布后就紧锣密鼓的进行研发和测试,NTFS助手已经全面兼容最新macOS Catalina(10.15)。

    软购商城带来的高性价比的 赤友NTFS助手 价格是:39元


    6c136231a68c10cc91fefec4fb5c326a.gif

    展开全文
  • 为什么选择MaterialRatingBar? 在Android 3.0及更高版本上外观一致。 扩展框架RatingBar 。 如“材质图标”和Google应用中所述,获取2dp星形边框背景。 跨平台正确自定义着色。 当layout_width设置为match_...
  • 为什么 SkiaSharp的示例使用控件进行GPU加速渲染,该使用 。 但是, WindowsFormsHost存在一些问题: 启用AllowsTransparency的窗口不显示任何控件- 鉴于我们无法执行AllowsTransparency ,将WindowStyle设置为...
  • 希望可以临时加入tag

    2020-11-25 20:56:39
    <div><p>比如orhanobut的logger支持临时.t('...另外在打印普通的地方知道为什么没有显示外边框。只在打印json才显示,但我已经开启了。</p><p>该提问来源于开源项目:pengwei1024/LogUtils</p></div>
  • 6. 两个嵌套的div,子div 使用了absolute定位,并让他离左边20px,为什么没有离父div左边框20px,而是离body左边框20px?7. 使用setInterval(函数,时间)方法进行循环定时,setInerVal()执行了一次就停止了?8. HTM


    未完待续。。。

    1. Button按钮点击后外边框无法消失?

    Button按钮点击后外边框无法消失,看着像是焦点还聚在它身上一样,很难看。

    【解决方法一】:在CSS中加入outline:none;


    2. 边框的四个角怎么变得更好看?

    border-radius: 15%;或者border-radius: 15px;,处理完后边框角不好看。

    【解决方法一】:可以用两个值去设置,例如border-radius: 3pt/2pt;,第 1 个参数表示水平半径或半轴,第 2 个参数表示垂直半径或半轴通过改变这两个值达到自己想要的效果

    【拓展】:如果我们要做一个半圆或者半椭圆的话就可以用以下的方式去做:

    .demo {
    	border-top-left-radius: 55pt 25pt;
    	border-top-right-radius: 55pt 25pt;
    	border-bottom-right-radius: 55pt 25pt;
    	border-bottom-left-radius: 55pt 25pt;
    }
    

    3. 在JavaScript中,定义数组时取名字不能取为name?

    【分析】:不能,window对象的一个属性也是name,在全局环境下,会优先调用window的name属性。

    在JS中定义了一个表示人名的数组,数组名称取为了name,输出的结果不对。如下:

    var name = ["张三","李四","王五","马保国","蔡徐坤","赵六","刘七","武八","丁九"];
    console.log(name.length);	
    console.log(name);	
    
    输出结果为:
    	28
    	张三,李四,王五,马保国,蔡徐坤,赵六,刘七,武八,丁九
    

    把name改成pName之后,输出正确结果

    var pName = ["张三","李四","王五","马保国","蔡徐坤","赵六","刘七","武八","丁九"];
    console.log(pName.length);	
    console.log(pName);	
    
    输出结果为:
    	9
    	Array(9)
    

    4. block,inline和inline-block有什么区别?

    总体概念

    1. block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满
    2. 大体来说HTML元素各有其自身的布局级别(block元素还是inline元素):
      • 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。
      • 常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。
    3. block元素可以包含block元素和inline元素;但inline元素只能包含inline元素。要注意的是这个是个大概的说法,每个特定的元素能包含的元素也是特定的,所以具体到个别元素上,这条规律是不适用的。比如 P 元素,只能包含inline元素,而不能包含block元素。
    4. 一般来说,可以通过display:inline和display:block的设置,改变元素的布局级别。

    block,inline和inlinke-block细节对比

    • display:block

      • block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度
      • block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行
      • block元素可以设置margin和padding属性
    • display:inline

      • inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。
      • inline元素设置width,height属性无效。
      • inline元素的margin和padding属性,水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果;但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。
    • display:inline-block

      • 简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。

    5. 怎么透明显示?

    【解决方法】:在CSS里写入opacity属性,例如opacity: 0.4;(其值小于一就会相应透明显示)。

    6. 两个嵌套的div,子div 使用了absolute定位,并让他离左边20px,为什么没有离父div左边框20px,而是离body左边框20px?

    【解决方法】将父div设一个定位就行了,因为默认是static,即没有定位的,所有子div向上找就回溯到body元素。

    position定位值 描述
    absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
    fixed 生成固定定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
    relative 生成相对定位的元素,相对于其正常位置进行定位。 因此,“left:20px” 会向元素的 left 位置添加 20 像素(即离左边20px)。

    7. 使用setInterval(函数,时间)方法进行循环定时,setInerVal()执行了一次就停止了?

    如不是使用的匿名函数的话,一般不会出现这种问题,如果是自定义函数,在把函数传入的写错了就会出现只执行一次。

    定义一个函数:
    function myTimer() {
        var d = new Date();
        document.getElementById("demo").innerHTML = d.toLocaleTimeString();
    }
    错误调用方法:
    var myVar = setInterval(myTimer(), 1000);
    正却调用方法:
    var myVar = setInterval(myTimer, 1000);
    

    【出现上述的原因是】:setInterval要求的是传入一个函数,一个对象,而函数后面加了小括号是在调用这个函数。

    8. HTML的input:输入文本框中总是会记录上一次输入的内容?

    【解决方法一】:利用HTML5的input标签的新属性autocomplete,它有两个值(on、off),默认是on,只需设为off就行了

    展开全文
  • showDelay: 0,//显示延时,添加显示延时可以避免频繁切换 hideDelay: 50,//隐藏延时 transitionDuration: 0,//动画变换时长 backgroundColor: 'rgba(0,0,0,0.7)',//背景颜色(此时默认色) borderRadius:...
  • 面再提示缺少什么dll 文件,都像这样解决就可以了。 二、Qt Creator 编写多窗口程序(原创) 实现功能: 程序开始出现一个对话框,按下按钮后便能进入主窗口,如果直 接关闭这个对话框,便能进入主窗口,整个程序...
  • 什么是CSS? CSS 是层叠样式表 ( Cascading Style ...outline(外边框) background-origin(指定背景图片从哪里开始显示) background-clip(指定背景图片从什么位置开始裁切)  background(一个元素指定多个背景)
  • 如果把0.8px乘以1.25就等于1px,所以谷歌显示小数像素并不是使用了什么亚像素,而是将所有正常的css像素放大1.25倍显示,0.8px的css像素对应的就是一整个设备像素,而不是0.8个像素 如果你的屏幕宽是1920px,将所有...

    浮点型像素,也就是带小数的像素,如1.6px,20.24px,0.5px等
    但要注意的是:这里讨论的设备像素,是最终显示在电脑屏幕上的像素,而非css像素

    出现浮点型像素的情况

    1.电脑系统不是100%缩放,因为屏幕尺寸较小,如笔记本电脑,系统推荐的都是125%缩放,即使你的浏览器没缩放,css里的1px对应的也是1.25设备像素,就出现浮点型像素了(可能这也是版心最多是1200px的原因之一,1920px÷125%=1536px,125%缩放的电脑最多显示的css宽度其实1536px,两边留的边距也就160px左右,版型再大就显得拥挤了)

    2.css像素本身就是小数,可能是直接写的,如1.6px,这种情况不多,可能是单位为vw,rem,em换算成px时造成的小数,但是这要结合设备的缩放,比如125%的电脑上,0.8px对应的设备像素为0.8*125%=1px,小数css像素对应的反而是整数设备像素。或者是200%的手机上,0.5px对应的也是1设备像素。

    3.浮点数计算精度不足,计算机的浮点数的位数限制导致计算并不精准,这在js的学习中就有所体会。
    在这里插入图片描述

    对浮点型像素的处理

    (以谷歌浏览器为研究平台,以盒子模型为研究对象)

    内容区与内边距 边框
    四舍五入取整 舍去小数,只取整数

    注:特别地,像素小于1px时,向上取整为1px,无论时内容区还是边框。如border:0.1px solid #000;是用1设备像素显示的;width:0.1px;height:0.1px内容区也是用1设备像素显示,
    但神奇的是同时写0.1px的宽高与边框,就只会显示边框而不会显示内容区,(原因在我整整两天反复测量实才得到的,为了不破坏我的思考与验证过程,我放在了最后)

    实验代码与截图如下,左边截图为div在ps里放大的结果,右边是盒子模型(在100%系统缩放下实验)
    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------
    0.1px的内容区仍然用1设备像素显示

    div{
            width: 0.1px; height: 0.1px;
            border: 0px solid blue;		
            background-color: red;		
    }
    

    在这里插入图片描述在这里插入图片描述
    注意:红色方块是一个像素点,在ps中放大的图像,其实它真实的样子如下图,
    在这里插入图片描述
    ↑,睁大眼睛,他在这,1px就是这么小,所以后面的图像都是页面截图后ps放大的像素点图像

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------
    1.49px的内容区仍然用1设备像素显示

    div{
            width: 1.49px; height: 1.49px;
            border: 0px solid blue;		
            background-color: red;		
    }
    

    在这里插入图片描述在这里插入图片描述
    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------
    1.51px的内容区用2设备像素显示

    div{
            width: 1.51px; height: 1.51px;
            border: 0px solid blue;		
            background-color: red;		
    }
    

    在这里插入图片描述在这里插入图片描述
    四舍五入了

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------
    但是如果有1px宽的边框(蓝色),特殊情况就出现了

    内容区宽高小于0.5px时,并没有向上取整为1px,也就是没显示内容,只显示边框,(后面我才知道,其实内容区在边框的下面,被盖住了)

    div{
    		/* 小于0.5px的内容区四舍五入为0px(设备像素) */
            width: 0.49px; height: 0.49px;
            border: 1px solid blue;		
            background-color: red;		
    }
    

    在这里插入图片描述在这里插入图片描述

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    div{
    		/* 大于0.5px的内容区四舍五入为1px(设备像素) */
            width: 0.51px; height: 0.51px;
           	border: 1px solid blue;		
            background-color: red;		
    }
    

    在这里插入图片描述在这里插入图片描述
    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    接着是边框

    边框的小数部分直接舍去

    div{
    		/* 边框的小数部分直接舍去*/
            width: 1px; height: 1px;
            border: 1.9px solid blue;
            background-color: red;		
            }
    

    在这里插入图片描述在这里插入图片描述
    这里内容区应该是1px却显示为3px,这是边框小数部分带来的问题,在下面讨论

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    小于1px的边框也是向上取整为1px(设备像素)

    div{
    			/* 小于1px的边框向上取整为1px(设备像素) */
                width: 1px; height: 1px;
                border: 0.1px solid blue;
                background-color: red;
            }
    

    在这里插入图片描述在这里插入图片描述

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    对浮点型像素的处理而造成的问题

    边框的小数部分并不是真的舍去,这个小数部分舍去,会造成1设备像素问题,这个小数在处理上也是四舍五入,大于0.5时会给内容区左侧与顶部各多加1设备像素,内容区右侧与底部有时(4css像素一个循环)也会出现多1设备像素的情况,有时border小数部分小于0.5也会出现,是和内容区的小数部分共同影响的。
    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    增加一个子元素,使其宽高等于父元素,背景黄色,也就是借助子元素使父元素的内容区显示出来
    然后只改变父元素边框宽度,我尝试了很多值,但在这里只放有代表性的值

    边框宽1.249px

    .dad{
       	   width: 1px; height: 1px;
           border: 1.249px solid blue;		/* 下面的实验只改变这个 */
           background-color: red;
       }
    .son{
    	    width: 100%;
    	    height: 100%;
    	    background-color: yellow;		/* 子元素的作用是显示父元素的内容区 */
    }
    
     <div class="dad">
    	    <div class="son"></div>
        </div>
    

    在这里插入图片描述在这里插入图片描述

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    边框宽1.25px

           border: 1.25px solid blue;
    

    在这里插入图片描述在这里插入图片描述

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    边框宽1.49px

           border: 1.49px solid blue;
    

    在这里插入图片描述在这里插入图片描述
    这时发现内容区并没有增加,而是边框小数部分造成的影响,这就是1设备像素问题

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    边框宽1.51px

           border: 1.51px solid blue;
    

    在这里插入图片描述在这里插入图片描述

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    边框宽1.749px

           border: 1.749px solid blue;
    

    在这里插入图片描述
    在这里插入图片描述

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    边框宽1.75px

    border: 1.75px solid blue;
    

    在这里插入图片描述在这里插入图片描述
    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    边框小数部分的取值范围 0≤小数部分<0.25 0.25≤小数部分<0.5 0.5≤小数部分<0.75 0.75≤小数部分<1
    造成的问题 内容区右下出现1px空隙 内容区左上出现1px空隙 内容区四周出现1px空隙

    边框小数部分的取值范围不同,造成的四种结果
    在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
    同时测试了5.25px,23.34px等,结果相同,即边框整部分不影响这个一设备像素的问题
    至于为什么出现这样的结果,一设备像素的问题,我当时完全没有思路,最后回头研究最开始时,为什么有边框,0.1px的内容区没有向上取整为1px显示,在我将边框透明化后,才发现问题所在——可视区域,我将边框透明后,边框原来的位置应该在视觉上“消失”才对,但结果边框原来的位置变成了背景的红色。我又将背景设为rgba()半透明,发现background-color这个值并不是只改变内容区与内边距的颜色,其实还包括边框的颜色,或者说background-color控制的是可视区域的颜色,然后因为层叠顺序上,边框在背景上方,所以边框的蓝色覆盖在可视区域的红色上。

    这时候我才想到,为什么非要分开研究呢,难道不能将可视区域当作一个整体,研究浮点型像素的处理吗,

    这样一想,问题立马解决了,
    内容区宽高设为1px,边框在1px到2px改变,就有下表的结果
    以高度为例,宽度是一样的

    边框的取值范围 1≤ border<1.25 1.25≤border<1.5 1.5≤border<1.75 1.75≤border<2
    内容区的高度 1px 1px 1px 1px
    上边框加下边框的高度 [2,2.5) [2.5,3) [3,3.5) [3.5,4)
    可视区域高度(内容区+上下边框) [3,3.5) [3.5,4) [4,4.5) [4.5,5)
    可视区域高度,四舍五入 3 4 4 5
    造成的问题 内容区右下出现1px空隙 内容区左上出现1px空隙 内容区四周出现1px空隙

    这是不是就解释了下面四个图的情况,3×3像素,4×4像素,4×4像素,5×5像素

    在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
    还有一个问题就是内容区的定位问题,为什么代表内容区的黄色像素有时在左上有时在右下?
    我猜测是浏览器按照层叠顺序,先绘制背景也就是可视区域,再绘制边框,再绘制内容区,也就是边框先占位置,内容再定位时要排除边框已经站的区域,比如说边框为1.5px,虽然浏览器不认这个小数部分,但是内容区却认,还将其四舍五入了,也就是内容区认为1.5px边框实际应该占2px,所以在可视区域的第二个像素处定位,而小于1.5px的边框,内容区将其四舍五入为1px,所以在可视区域的第一个像素处定位,
    在这里插入图片描述
    为了验证这个猜测,我在第四张图的基础上增加左上边框宽度,减小右下边框宽度,这样内容区就应该从第三个像素处定位
    又出问题了,边框没事,可视区域没事,内容区出问题了,边框小数部分小于0.5px时,内容区会吞掉边框的小数,比如1.2px的内容区和1.3px边框,内容区会变成1.5px四舍五入变成2px宽,不写了,头疼

    其实浏览器处理一个盒子模型时,最先计算的是可视区域这个总的值,也就是将边框、内边距与内容区全加在一起,最后四舍五入,就是可视区域的宽高,然后才是将内容区与边框一一定位在可视区域上,

    而不是将边框、内边距、内容区都绘制到页面上后,他们占的总区域就是可视区域。我以前就是这么错误理解的,将可视区域理解为依附于盒子模型的一个抽象概念而已,毕竟学盒子模型时可没有一个叫可视区域的结构
    我现在的理解时,盒子模型是w3c的标准,而这个标准是要浏览器实现的,在实现的过程中,浏览器真实的创造了可视区域这一个结构,注意这里说的结构而非概念,

    ----------------------分界线---------------------------------------------------------------------------------------------------------
    ----------------------分界线---------------------------------------------------------------------------------------------------------

    展开全文
  • WEB02_CSS

    2019-08-18 17:39:38
    主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(高宽、边框样式、边距等)以及版面的布局等外观显示样式。 2.创建CSS文件 需要使用复杂的工具来创建CSS文件,可以使用文本编辑器或者...

    一.CSS概述

    1.什么是CSS
    CSS是英文Cascading Style Sheet的缩写又称为层叠样式表。主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(高宽、边框样式、边距等)以及版面的布局等外观显示样式。
    2.创建CSS文件
    不需要使用复杂的工具来创建CSS文件,可以使用文本编辑器或者Web开发工具来创建。无论采用哪种方式,都是要创建一个以.css为扩展名的文件
    3.CSS样式规则
    CSS的语法由3部分构成:选择器、属性和属性值
    格式如下:

    选择符{
    	属性:值
    	}
    

    选择器用来指定CSS样式作业的HTML对象,花括号内是对该对象设置的具体样式,属性和属性值以键值对的方式出现,使用英文冒号":“分隔。多个属性之间可以使用英文分号”;"分隔。例如

    p{
    	text-align:center;
    	color:red;
    	}
    

    4.CSS引入方式
    CSS 的引入方式分为三种
    第一种:行内引入

    <div style="color:red;font-size: 100px;">  
    	HelloWorld
    </div>
    

    第二种:内部引入方式

    <style type="text/css">  
    	div{   
    	color:red;   
    	font-size: 100px; 
    	 }
     </style> 
    

    第三种方式:外部引入
    将样式代码写在一个以.css为后缀的CSS文件里,然后在每个需要用到这样样式的网页里引入这个CSS文件。通过HTML的link元素将外部的样式文件链接到网页里。例如:

    <head>
    		<meta charset="UTF-8">
    		<title>外部引入</title>
    		<!--外部引入css文件
    			link用于外部引入
    			href文件路径
    		-->
    		<link rel="stylesheet" href="style.css" type="text/css" />
    	</head>
    

    rel和type属性表明这是一个样式文件,href指定外部样式文件的路径。

    优先级问题: 谁离需要修饰的元素近,谁的样式生效,其它的被覆盖掉。(就近原则)
    5.选择器

    1. 元素选择器
      元素名{
      属性名 1:属性值 1;
      属性名 2:属性值 2;
      属性名 3:属性值 3;
      }
      任意的HTML标记都可以作为选择符,如果多个相同的元素设置相同的样式,使用此种方式最为合适。
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style type="text/css">
    			div{
    				font-size: 30px;
    				color: pink;
    				
    			}
    		</style>
    	</head>
    	<body>
    		<div>
    			难舍之物亦难留
    		</div>
    			<div>
    			难舍之物亦难留
    		</div>
    			<div>
    			难舍之物亦难留
    		</div>
    			<div>
    			难舍之物亦难留
    		</div>
    	</body>
    </html>
    
    
    1. 类选择器
      .类名{
      属性名 1:属性值 1;
      属性名 2:属性值 2;
      属性名 3:属性值 3;
      }
      对HTML标记的class属性使用,对多个元素设置相同的样式,此时使用类选择器比较合适。
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<!--对类的选择用.+classs名-->
    		<style type="text/css">
    			.div2{
    				color: red;
    			}
    		</style>
    	</head>
    	<!--类选择器可以控制多个-->
    	<body>
    		<div>
    			难舍之物亦难留
    		</div>
    		<div class="div2">
    			难舍之物亦难留
    		</div>
    		<div class="div2">
    			难舍之物亦难留
    		</div>
    		<div>
    			难舍之物亦难留
    		</div>
    	</body>
    </html>
    
    1. ID 选择器
      #id 属性名{
      属性名 1:属性值 1;
      属性名 2:属性值 2;
      属性名 3:属性值 3;
      }
      Id 保证唯一。
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<!--对id的选择用#+id-->
    		<style type="text/css">
    			#div4{
    				font-size: 30px;
    				color: pink;
    			}
    			
    		</style>
    	</head>
    	<!--单一的选择可以用id选择器尽量保证id的唯一-->
    	<body>
    			<div>
    			难舍之物亦难留
    		</div>
    		<div class="div2">
    			难舍之物亦难留
    		</div>
    		<div class="div2">
    			难舍之物亦难留
    		</div>
    		<div id="div4">
    			难舍之物亦难留
    		</div>
    	</body>
    </html>
    
    

    6.CSS常见样式

    1. border:设置边框的样式
      格式:宽度 样式 颜色
      例如:border: 1px solid red;
      solid实线,none无边,double双线等
    2. width、height:用于设置标签的宽度、高度。
    3. margin:设置位置 auto居中
    4. float:设置浮动 left左浮动 right右浮动 none不浮动
    5. clear:清除浮动 left不允许左测有浮动 right不允许右侧有浮动 both同时清除两侧浮动的影响
    6. 字体:color、font-size
    7. 背景色:background-color

    二.常见的DIV+CSS布局

    1.DIV
    DIV是一个放置内容的容器,用于大面积、大区域的块状排版,样式需要编写CSS来实现。格式如下:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>div效果演示</title>
    		<style>
    			div{
    				border: 1px solid red;
    			}
    		</style>
    	</head>
    	<!--div是一个快级元素
    		只要用来页面布局
    	div必须与css相配合单独出现没有意义-->
    	<body>
    		<div id="">
    			你好
    		</div>
    		你好((>ω< ))
    	</body>
    </html>
    
    

    2.span
    span是一个内联元素(显示一行),单独使用没有意义,必须结合css使用

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>span演示</title>
    		<style type="text/css">
    			span{
    				font-size: 30px;
    			}
    		</style>
    	</head>
    	<body>
    		<span>
    			span是一个内联元素(显示一行),单独使用没有意义,必须结合css使用
    		</span>
    		主要用于对括起来的内容进行修饰
    	</body>
    </html>
    
    
    展开全文
  • 【css】浮动的复习

    2020-11-27 16:42:40
    浮动的框可以向左或向右移动,直到它的边缘碰到包含框或另一个浮动框的边框为止。由于浮动框在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框存在一样。 2.浮动的特性 浮动元素会脱离标准流(脱...
  • css入门笔记

    2018-05-15 14:58:57
    轮廓指的是边框边框,绘制于边框外的线条。 属性:outline:width style color; width:宽度 style:线条样式 color:线条颜色 outline:none/0; 取消轮廓 5、框模型 保持设置的宽高 box-sizing:border-box; 1...
  • html入门到放弃笔记

    2018-05-15 15:06:12
    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值 center ,设置 id 属性的值 container,设置 title 属性的值 这是一个div 这是一个div"> 四大标准属性: 1、id :定义元素在页面中独一无二的...
  • ext分页问题

    2012-06-23 09:59:16
    header: false, //不显示title renderTo: "grid", tbar: [ //toolbar标签 new Ext.Toolbar.TextItem('类别名称(模糊查询):'), new Ext.form.Field({ width: 100, id: 'lbmc_txt' }), "-", {...
  • 需要一键、二键什么的,拖放到窗口就制作完成,需要在线制作时的上传并依靠网络畅通,小巧的软件身材,本地使用,想什么时候用就什么时候用。 所有操作一步自动完成,提供以下快速功能: 01、图形处理 - 支持...
  • SwissArmyKnife是什么SwissArmyKnife 是一款方便调试android UI的工具,可以兼容所有android版本,需要root权限。可以直接在android手机屏幕上显示当前Activity中所有控件(不管是否隐藏)的边界,内外边距大小,...
  • CSS通常称为CSS样式或样式表主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。CSS以HTML基础提供了丰富的功能如字体、颜色、...
  • 背景为什么不用白色,白色黑字长久阅读会很累,白色是高光,反光度高,而用低光度的纸质背景对眼睛有适当的保护作用,长时间看不会觉得累。 四、网页元素都动起来。加载了国外高手制作的CSS3动画库,可以让网页任何...
  • wxPython学习手册

    热门讨论 2014-04-19 08:01:58
    7.2.4 什么是通用按钮,我为什么要使用它? 193 7.3 输入并显示数字 196 7.3.1 如何生成一个滑块? 196 如何使用滑块 197 使用滑块样式工作 198 7.3.2 如何得到那些灵巧的上下箭头按钮? 199 如何创建一个微调控制器...
  • 9.1.1 为什么要使用CSS样式 156 9.1.2 CSS样式的版本发展 157 9.1.3 CSS 3的发展 157 9.1.4 浏览器对CSS 3的支持情况 157 9.1.5 了解CSS 3的全新功能 158 9.2 CSS样式语法 158 9.2.1 CSS样式基本语法 158 ...
  • excel的使用

    2012-11-25 17:06:01
    0"只显示负数和零,输入的正数则不显示;格式“;;;”则隐藏所有的输入值。 自定义格式只改变数据的显示外观,并不改变数据的值,也就是说不影响数据的计算。灵活运用好自定义格式功能,将会给实际工作带来很大的...
  • HTML开发王

    2013-01-03 11:33:09
    11.1.4 不显示框架时(noframes元素) 11.2 框架窗口的内容和外观(frame元素) 11.2.1 设置框架的初始内容 11.2.2 框架窗口边框线的设置 11.2.3 页面空白 11.2.4 滚动条设置 11.2.5 改变框架窗口大小 11.2.6 框架的描述...
  • [HTML开发王].张亚飞.扫描版

    热门讨论 2011-09-13 12:45:04
    11.1.4 不显示框架时(noframes元素) 11.2 框架窗口的内容和外观(frame元素) 11.2.1 设置框架的初始内容 11.2.2 框架窗口边框线的设置 11.2.3 页面空白 11.2.4 滚动条设置 11.2.5 改变框架窗口大小 11.2.6 框架的描述...
  • flash shiti

    2014-03-14 10:32:41
    隐藏被选择对象的框轮廓 □ C. 隐藏被选择对象的填充区域 □ D. 隐藏被选择对象的线条 7. 当Flash 导出较短小的事件声音(例如按钮单击的声音)时,最适合的压缩选项是: □ A. ADPCM 压缩选项 □ B. MP3 压缩...
  • easy-window是什么? easy-window 是一个旨在简化桌面开发难度的通用窗体,它可以让你使用当前主流的HTML5技术快速地创建Windows桌面应用程序。创作桌面应用,需要掌握QT,C++,C#,Java那些繁琐的东西,只要会...
  • 扫描框边角线显示位置(相对于边框),默认值中间 center qrcv_rectWidth 扫描框的宽度 200dp qrcv_barcodeRectHeight 条码扫样式描框的高度 140dp qrcv_maskColor 除去扫描框,其余部分阴影颜色 #33FFFFFF ...
  • C++MFC教程

    热门讨论 2013-05-21 13:37:15
    3、未处理的消息到那里去了:M$窗口编写了默认的窗口过程,这个窗口过程将负责处理那些你处理消息。正因为有了这个默认窗口过程我们才可以利用Windows的窗口进行开发而不必过多关注窗口各种消息的处理。例如窗口...
  • CSS网站布局实录 (第二版)PDF版

    热门讨论 2012-12-10 18:46:01
    1.6.4 为什么不直接使用到XML 1.6.5 学习CSS布局比表格困难吗 1.6.6 CSS布局是否意味着必须手写代码 1.6.7 什么叫网站重构 1.6.8 使用Web标准之后就不再存在兼容性问题了吗 1.6.9 有没有Web标准方面的优秀图书或网站...
  • 11.7.1 为什么图像映射总是必要的? 124 11.7.2 映射图像中的区域 125 11.7.3 创建用于图像映射的HTML 126 11.8 总结 128 11.9 问与答 129 11.10 作业 129 11.10.1 测验 129 11.10.2 测验答案 130...

空空如也

空空如也

1 2 3
收藏数 54
精华内容 21
关键字:

为什么外边框不显示