css_1

时间：2023-03-30 19:08:01 CSS

1.link和import都可以给页面引入css，有什么区别？链接方式：@import方式css的方式除了加载css，link标签还可以做很多其他的事情，比如定义RCC，定义rel连接属性等；@import只能加载css。②装车顺序的不同。加载页面时，链接引用的css会同时加载，而@import引用的css会等到页面完全下载后再加载。所以有时候浏览@import加载css的页面会出现没有样式（也就是闪烁）的情况，网速慢的时候会更加明显。③兼容性的区别，@import是css2提出来的。@import只能被IE5及以上识别，但是link标签没有这个问题④使用DOM控制样式时的区别，使用JavaScript控制DOM改变样式时，只能使用link标签,@import不是DOM可以控制的2.css盒模型与低版本IE标准盒模型（IE6及以上及firefox、chrome等）的盒模型不同：width=contentwidth(content)+border+padding+margin低版本IE盒模型（IE6及以下）：Width=contentwidth(content+border+padding)+margin3.box-sizing属性（content-box默认值与W3C标准盒模型一致，元素外框的宽高=content+padding+border+margin，css中设置的width只包含content的宽度；border-box与低版本IE的框模型一致，外框的宽高=content（content+padding+border）+margin），cssinc中设置的宽度ludes内容+填充+边框宽度；inherit默认继承父盒模型。<样式>#content{宽度：100px；高度：100px；边距：30px；填充：20px；边框：5px实心#333；背景色：#f00；200像素；高度：200px；填充：20px；边框：5px实心#f00；边距：30px；}.img{宽度：100%；高度：100%；显示：内联；;宽度：200px;高度：200px；填充：20px；边框：5px实心#f00；边距：30px；}

四。什么是css选择器？哪些属性可以继承css选择器：id选择器（#id）、类选择器（.class）、标签选择器（divph1-h6emstrong等），相邻选择器(h1+p)、子选择器(ul>li)、背景选择器(lia)、通配符选择器(*)、属性选择器(a[name='content'])、伪类选择器(a:hover,li:nth-child)可继承属性：font-size,font-weightfont-family等以font,color开头的属性不可继承属性：borderpaddingmarginwidthheight等优先级(就近原则):!important>[id>class>tag]!important比行内优先级高5。css优先级算法如何计算！important最高内联样式：1000Id选择器：100类选择器伪类选择器属性选择器：10标签选择器：1一般选择器，子选择器，相邻兄弟选择器：0六。css3newpseudoclass其中p:first-of-type对应p:first-child父元素的第一个元素p:last-of-type对应p:last-child父元素的最后一个元素p:only-of-type对应p:only-child父元素p:nth-of-type(2)的唯一子元素对应p:nth-child(2)父元素p:nth的第二个子元素-last-of-type对应p:nth-last-child(2)父元素的第二个子元素，从最后一个元素算起：enabled:disabled表单控件的禁用状态：checkedRadio框或复选框被选中:not:not(p)selectnon-pEVERYELEMENTOFELEMENTS:root选择文档的根元素:emptyp:empty选择没有子元素的每个p元素:target#news:target选择当前活动的#news元素[attr^=value]a[name^='abc']匹配属性名称以abc[attr$=value]开头的所有a元素a[name^='abc']匹配属性名称以结尾的所有a元素abc[attr*=value]a[name^='abc']匹配属性name的值包括abc::selection的所有元素被用户选中