网站做收录要多少长时间,海南省零售户电商网站,网站怎样免费推广,望野眼上海话什么是css#xff1f; CSS 是“Cascading Style Sheet”的缩写#xff0c;中文意思为“层叠样式表”#xff0c;它是一种标准的样式表语言#xff0c;用于描述网页的表现形式#xff08;例如网页元素的位置、大小、颜色等#xff09;。 为什么最好把 CSS 的 link 标签放在… 什么是css CSS 是“Cascading Style Sheet”的缩写中文意思为“层叠样式表”它是一种标准的样式表语言用于描述网页的表现形式例如网页元素的位置、大小、颜色等。 为什么最好把 CSS 的 link 标签放在 head 标签之间 把 link 标签放在 head/head 之间是规范要求的内容。此外这种做法可以让页面逐步呈现提高了用户体验。将样式表放在文档底部附近会使许多浏览器包括 Internet Explorer不能逐步呈现页面。一些浏览器会阻止渲染以避免在页面样式发生变化时重新绘制页面中的元素。这种做法可以防止呈现给用户空白的页面或没有样式的内容。 css引入方式有几种有什么区别link和import有什么区别 有内部引入、外部引入、行内引入 行内式引入使用style属性在特定的HTML标记内插入CSS代码语法“标签名 stylecss样式../标签名”嵌入式引入在文档head部分的style标签对中放入CSS代码语法“style样式/style”外部引入将CSS代码放入外部CSS文件中使用link标签或“import”规则引入html文档中。 link属于html标签而import是css提供的一种方式link标签不仅可以引入css还可以做其他事而import只能引入cssimport只有在IE5以上才支持而link标签不存在兼容性问题。 link引用CSS时在页面载入时同时加载import需要页面网页完全载入以后加载 css选择器有几种选择器的优先级是怎样的 元素选择器id 选择器calss 选择器后代选择器子代选择器伪类选择器通配符 内联样式 id class 元素 通配符 继承样式 浮动的原理什么浮动有几种 浮动的框可以左右移动直到它的外边缘遇到另一个浮动框的边缘。 浮动框不属于文档流是脱离了文档流。 floatleft左边 right右边。 请写出清除浮动有几种方式分别是什么? 使用空标签清除浮动 clearboth。 使用overflow属性。 使 after 伪对象清除浮动 浮动外部元素float-in-float。 如何解决浮动引起的高度坍塌 给父元素加上高度height 设置一个空标签并且给此标签加上clear:both 清除——两者 行内块状行内块元素之间如何进行转换 行内是displayinline 块状是displayblock 行内块是displayinline-block 行内块元素之间为什么会有间隙怎么去除 出现空白间隙的原因是元素被当成行内元素排版的时候元素之间的空白符空格、回车换行等都会被浏览器处理根据white-space的处理方式默认是normal合并多余空白原来HTML代码中的回车换行被转成一个空白符所以元素之间就出现了空隙。 1.去除元素间的空白 2.父元素设置font-size为0子元素单独再设置字体大小 3.设置margin-right为负值 4.给inline-block元素加float或者flex 5.设置字符间距或单词间距 定位有几种他们的特点分别是什么是相对于什么进行定位的 positionstatic默认值 HTML元素的默认值没有定位元素出现在正常的文档流中。 positionabsolute绝对定位 特点脱离文档流 根据最近的有定位方式的父元素进行定位。 positionrelative相对定位 特点不脱离文档流的布局 根据自身的位置进行定位 一般配合绝对定位使用。 positionfixed固定定位 特点脱离文档流。 根据浏览器页面进行定位的 常用于制作导航栏。 positionsticky粘性定位 粘性定位的元素是依赖于用户的滚动。 相对于用户的滚动位置来定位。 请列举几种隐藏元素的方法 overflow:hidden; 溢出 隐藏 opacity: 0 透明度 隐藏 display: none 显示 全无 visibility:hidden 能见度 隐藏 如何初始化css样式为什么要初始化css样式 因为浏览器的兼容问题不同浏览器对有些标签的默认值是不同的如果没对css初始化往往会出现浏览器之间的页面显示差异。 margin和padding的区别是什么 margin是指从自身边框到另一个容器边框之间的距离即容器外距离是隔开元素与元素的间距 而padding是指自身边框到自身内部另一个容器边框之间的距离即可容器内距离是盒子边框与盒子内部元素的距离。 displaynone和visibilityhidden的区别是什么 display:none它不占据空间对后面的元素布局没有任何影响visibility:hidden会占据原本的空间会影响后面元素的布局。 请描述一下渐进增强与优雅降级是什么 渐进增强Progressive Enhancement一开始就针对低版本浏览器进行构建页面完成基本的功能然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级开始就构建完整的功能然后再针对低版本浏览器进行兼容。 width: auto 和 width: 100% 的区别 width: 100%的大小不包括内边距、边框 width: auto包括内边距和边框 100%表示子元素的宽度和父元素的宽度相等其中并不包括子元素内外边距以及边框的值为子元素真正的宽度 auto表示子元素的 宽度内边距外边距边框 才等于父元素的宽度 什么是FOUC你如何来避免FOUC FOUC无样式内容闪烁Flash Of Unstyled Content是在IE下通过import导入css文件引起的。 IE会首先加载整个HTML文档的DOM然后再导入外部的css文件。 因此在页面DOM加载完成到css导入完成之间有一段时间页面上的内容是没有样式的这段时间的长短跟网速和电脑速度都有关系。 解决方法使用link标签将样式表放在文档head中 说一下你对 box-sizing 属性的了解? box-sizing属性是css3中新增的属性允许你以某种方式定义某些元素以适应指定区域 box-sizing的值有content-box、border-box、inherit。 content-box宽度和高度分别应用到元素的内容框在宽度和高度之外绘制元素的内边距和边框此为默认值。 border-box元素设定的宽度和高度决定了元素的边框盒。元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 inherit表示继承父元素的box-sizing属性。 弹性布局的布局原理是什么什么场景下使用弹性布局 它的原理是设置两条轴: 默认水平显示的主轴 和 始终要垂直于主轴的侧轴(也叫交叉轴)在弹性盒子中所有的子元素都是沿着主轴方向显示。 弹性布局一般经常用在移动端中在设置一些元素的排列时用弹性布局会比较简单 什么是响应式设计响应式设计的基本原理是什么如何兼容低版本的IE 响应式网站设计(Responsive Web design)是一个网站能够兼容多个终端而不是为每一个终端做一个特定的版本。基本原理是通过Css3媒体查询检测不同的设备屏幕尺寸做处理。 rgba、十六进制颜色是什么如何这两个表达白色、红色、黑色、蓝色、绿色 16进制模式用三到四位16进制数表示颜色 rgba模式用0-255分别表示rgb三个通道的数值 rgba的前几位分别代表红/绿/蓝最后一位aalpha一般用作不透明参数。范围是0到1其他三位的范围是0-255。 通过一个以“#”开头的6位十六进制数值表示一种颜色。6位数字分为3组每组两位依次表示红、绿、蓝三种颜色的强度。 1. #FFFFFF RGB(255,255,255) 即白色。 2. #000000 RGB(0,0,0) 即黑色。 3. #0000FF RGB0,0,255即蓝色。 4. #00FF00 RGB0,255,0)即绿色。 5. #FF0000 RGB255,0,0)即红色。 rgba()和opacity的透明效果有什么不同 不同的是 opacity 作用于元素以及元素内的所有内容的透明度而rgba()只作用于元素的颜色或其背景色。 伪类伪元素有哪些区别是什么? 伪类是操作文档中已有的元素而伪元素则是创建了一个不在文档树中的元素并为其添加样式。 1.伪类是通过在元素选择器上加入伪类改变元素状态。 2.伪元素通过对元素的操作进行对元素的改变。 常用伪类有 :active 选择正在被激活的元素匹配指定状态 :hover 选择被鼠标悬浮着的元素匹配指定状态 :link 选择未被访问的元素 匹配指定状态 :visited 选择已被访问的元素匹配指定状态 :disable 选择每个已禁止的元素 :checked 选择每个被选中的元素 :target 选择当前的锚点元素 常用伪元素 ::first-letter 选择指定元素的第一个单词 ::first-line 选择指定元素的第一行 ::after 在指定元素的内容前面插入内容 ::before 在指定元素的内容后面插入内容 ::selection 选择指定元素中被用户选中的内容 css性能优化的方法至少说出五种 1.异步加载CSS 2.文件压缩、 3.有选择地使用选择器 4.优化重排与重绘 5.减少使用昂贵的属性
