15
2020
05

给文字添加阴影用哪个属性?

text-shadow:1px 1px 1px red;
15
2020
05

如何区别CSS中的display:none和visibility:hidden?

display:none; 释放了自己的位置,后面的元素会上来占据现有位置,并且如果内部有img元素,此时img元素不会加载;visibility:hidden如同opacity:0;只是不可见了,位置还是保留的。
15
2020
05

你如何理解HTML的语义化?能否接触或了解重构?

根据语义来选择合适的标签,而不是表现形式。HTML只负责语义,不是说要加粗了,就放一个h,只是可以让开发者能写出优雅的代码,并且利于SEO。网页重构指的是将Table布局的网页变为标准DIV+CSS代码,让结构和表现分离,方便维护
15
2020
05

一个页面(HTML)由哪几部分构成?分别是什么?作用是什么?

由head和body构成。head里面放置一些配置信息,比如配置title、keyword、description、charset等等信息,不会显示在浏览器中。body是内容,会显示在浏览器的屏幕中。
15
2020
05

在HTML代码中如何做SEO?

1.h标签合理使用,strong标签语义比较强,合理使用。2.title、<meta name="description" />、<meta name="keywords" />要合理设置3.a标签要写title,img要写alt4.div要有合理类名,比如.content、.header、.address,便于搜索引擎爬虫检索5.HTML层次清晰,id不要重复,便于搜索引擎爬虫检索
15
2020
05

以下有若干个CSS选择器,请给出他们的优先级顺序。 div h1、 #div h1、 div h1 #_h、 div h1.c_h

div h1权重(0,0,2)#div h1权重(1,0,1)div h1 #_h权重(1,0,2)  这个最大div h1.c_h  权重(0,1,2) 
15
2020
05

请解释浏览器是如何根据CSS选择器选择对应元素的?

#表示id,浏览器会寻找拥有id的元素。.表示类名class属性,空格表示后代,> 表示子元素, + 表示下一个兄弟 , ~ 后面所有兄弟。
15
2020
05

CSS层叠是什么?

CSS全名叫做层叠式样式表,cascading style sheet,cascading就是层叠的意思。层叠具体有两层含义:1) 比如一个标签它可以通过多种手段给他添加属性。<h1 id="logo" class="spec"></h1>#logo{}.spec{}h1{}body{}此时这个标签就被多个选择器添加属性,如果属性有冲突,CSS有精确的权重计算方法来确定“听谁的”。2) 一个选择器可以同时作用在多个标签身上,比如同一
15
2020
05

简述一下什么是内容与表现分离。

HTML就是负责语义,其他什么都不需要管。HTML不要用b、u、i来设置加粗、下划线、倾斜,而是写font-weight:bold;  text-decoration:underline; font-style:italic; 用CSS来表示。再比如,logo可以用h1,用背景替换文字来呈递图片。text-indent:-999em;CSS负责样式,不要写行内样式。
15
2020
05

在书写高效CSS时,需要考虑哪些问题?

基本原则是:去掉不必要的样式、合并相同的样式、尽可能缩小样式的大小、多用公共类、让css变得不臃肿。我在工作中,经常使用gulp中有一个插件叫做gulp-csso,可以智能合并相同的样式,比如div p{font-size:10px;color:green;}  p{color:green;} 它会智能变为:div p{font-size:10px;}  p{color:green;}。
15
2020
05

CSS引入的方法有哪些?都有什么区别?

外链式(也叫作外联式)<link href="1.css" type="text/css" rel="stylesheet" />内嵌式(也叫作内联式)<style type="text/css"></style>导入式<style>@import url(1.css)</style>行内式<div style="width:200px;ba
15
2020
05

行内元素和块级元素的区别,行内元素有哪些,块级元素有哪些?

行内元素不能设置宽度、高度,但是能并排显示,浏览器视行内元素是“文本流元素”。span、a、em、b、u、i。块级元素能设置宽度、高度,但是不能并排显示。div、h1、ul、p、li、section、header。
15
2020
05

简单说明绝对定位和浮动的区别和应用。

绝对定位脱离标准文档流,它的参考点是文档的左上角或者右上角。如果有任何父元素有定位属性,此时就依据“子绝父相”规则来设置自己的定位参考元素。在做网页时候非常的灵活方便。制作覆盖效果的时候,会大量使用绝对定位。浮动脱离标准文档流,通常用于制作并排显示的元素,通常用于大的布局,或者无序列表比如图片的并排。可以使用clear:both属性让标准流中的其他元素在此之后依次排列。
15
2020
05

描述一下浮动会造成什么影响,如何居中一个浮动元素?

【脱标】浮动的元素脱离标准文档流,【贴边】左浮动就会贴左边,又浮动贴右边,贴上一个兄弟元素的边,【字围】字会环绕这个浮动元素,【收缩】不区分行内元素和块级元素了,原来的行内元素现在可以设置宽度、高度,原来的块级元素如果不写width现在会自动缩减为内容宽度。浮动的元素要想居中,必须相对定位。相对定位利用margin-left:50%; left:-宽度一半。原理就是margin-left:50%;此时元素的左边线就会到屏幕中线,拉回自己的width一半即可。所以要用相对定位拉动。或者transf
15
2020
05

如何清除一个标签的子标签的浮动?

清除浮动的几种方法:1.父元素有高度,此时就没有浮动的影响了2.父元素如果不愿意设置固定死的高度,而是自动适配,就写overflow:hidden;_zoom:1;3.后面的元素父盒子加上clear:both;盒子还是没有高度,margin失效;4.两个盒子之前加上一个<div class="cl"></div>   .cl{clear:both},隔墙法,盒子还是没有高度。5.盒子加上::after{content:""