当前位置： 首页 > news >正文 贵阳网站建设王道下拉惠科技公司网站设计欣赏 news 2025/10/30 22:47:45 贵阳网站建设王道下拉惠,科技公司网站设计欣赏,网站不备案可以么,深圳网站建设新闻#x1f469; 个人主页#xff1a;不爱吃糖的程序媛 #x1f64b;♂️ 作者简介#xff1a;前端领域新星创作者、CSDN内容合伙人#xff0c;专注于前端各领域技术#xff0c;成长的路上共同学习共同进步#xff0c;一起加油呀#xff01; ✨系列专栏#xff1a;前端… 个人主页不爱吃糖的程序媛 ♂️ 作者简介前端领域新星创作者、CSDN内容合伙人专注于前端各领域技术成长的路上共同学习共同进步一起加油呀 ✨系列专栏前端面试宝典、JavaScript进阶、vue实战 资料领取前端进阶资料以及文中源码可以在公众号“不爱吃糖的程序媛”领取 前端面试基础知识题 1.两个同级的相邻元素之间有看不见的空白间隔是什么原因引起的有什么解决办法 行框的排列会受到中间空白回车空格等的影响因为空格也属于字符,这些空白也会被应用样式占据空间所以会有间隔把字符大小设为0就没有空格了。 解决方法 相邻元素代码代码全部写在一排浮动元素float:left;在父级元素中用font-size:0; 2.如果需要手动写动画你认为最小时间间隔是多久为什么 多数显示器默认频率是60Hz即1秒刷新60次所以理论上最小间隔为1/601000ms 16.7ms。 3. ::before 和 :after中双冒号和单冒号有什么区别解释一下这2个伪元素的作用 单冒号(:)用于CSS3伪类双冒号(::)用于CSS3伪元素。::before就是以一个子元素的存在定义在元素主体内容之前的一个伪元素。并不存在于dom之中只存在在页面之中。 :before 和 :after 这两个伪元素是在CSS2.1里新出现的。起初伪元素的前缀使用的是单冒号语法但随着Web的进化在CSS3的规范里伪元素的语法被修改成使用双冒号成为::before ::after 4.margin和padding分别适合什么场景使用 何时使用margin 需要在border外侧添加空白空白处不需要背景色上下相连的两个盒子之间的空白需要相互抵消时。 何时使用padding 需要在border内侧添加空白空白处需要背景颜色上下相连的两个盒子的空白希望为两者之和。 5.什么是CSS媒体查询? 媒体查询(Media Queries)早在在css2时代就存在,经过css3的洗礼后变得更加强大bootstrap的响应式特性就是从此而来的. 简单的来讲媒体查询是一种用于修饰css何时起作用的语法. Media Queries 的引入其作用就是允许添加表达式用以确定媒体的环境情况以此来应用不同的样式表。换句话说其允许我们在不改变内容的情况下改变页面的布局以精确适应不同的设备。 6.为什么会出现浮动什么时候需要清除浮动清除浮动的方式有哪些 浮动元素碰到包含它的边框或者浮动元素的边框停留。由于浮动元素不在文档流中所以文档流的块框表现得就像浮动框不存在一样。浮动元素会漂浮在文档流的块框上。 浮动带来的问题 父元素的高度无法被撑开影响与父元素同级的元素与浮动元素同级的非浮动元素内联元素会跟随其后若非第一个元素浮动则该元素之前的元素也需要浮动否则会影响页面显示的结构。 清除浮动的方式 父级div定义height最后一个浮动元素后加空div标签 并添加样式clear:both。包含浮动元素的父标签添加样式overflow为hidden或auto。父级div定义zoom 7.CSS3新增伪类有那些 p:first-of-type 选择属于其父元素的首个元素p:last-of-type 选择属于其父元素的最后元素p:only-of-type 选择属于其父元素唯一的元素p:only-child 选择属于其父元素的唯一子元素p:nth-child(2) 选择属于其父元素的第二个子元素:enabled :disabled 表单控件的禁用状态。:checked 单选框或复选框被选中。 8.前端项目中为什么要初始化CSS样式 因为浏览器的兼容问题不同浏览器对标签的默认值是不同的如果没有对浏览器的CSS初始化会造成相同页面在不同浏览器的显示存在差异。 9.页面导入样式时使用link和import有什么区别 link属于HTML标签而import是css提供的 页面被加载时link会同时被加载而import引用的css会等到页面被加载完再加载 import只在IE5以上才能识别而link是XHTML标签无兼容问题 link方式的样式的权重高于import的权重。 10.说说你对盒子模型的理解 当对一个文档进行布局layout的时候浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型CSS basic box model将所有元素表示为一个个矩形的盒子box 一个盒子由四个部分组成content、padding、border、margin content即实际内容显示文本和图像 boreder即边框围绕元素内容的内边距的一条或多条线由粗细、样式、颜色三部分组成 padding即内边距清除内容周围的区域内边距是透明的取值不能为负受盒子的background属性影响 margin即外边距在元素外创建额外的空白空白通常指不能放其他元素的区域 上述是一个从二维的角度观察盒子下面再看看看三维图 段代码 style .box {width: 200px;height: 100px;padding: 20px; } /stylediv classbox 盒子模型 /div当我们在浏览器查看元素时却发现元素的大小变成了240px。 这是因为在CSS中盒子模型可以分成W3C 标准盒子模型、IE 怪异盒子模型。 默认情况下盒子模型为W3C 标准盒子模型标准盒子模型是浏览器默认的盒子模型。 标准盒子模型 下面看看标准盒子模型的模型图 图可以看到 盒子总宽度 width padding border margin; 盒子总高度 height padding border margin 也就是width/height 只是内容高度不包含 padding 和 border 值。 所以上面问题中设置width为200px但由于存在padding但实际上盒子的宽度有240px。 IE 怪异盒子模型 同样看看IE 怪异盒子模型的模型图 图可以看到 盒子总宽度 width margin; 盒子总高度 height margin; width/height 包含了 padding 和 border 值。 Box-sizing CSS 中的 box-sizing 属性定义了引擎应该如何计算一个元素的总宽度和总高度。 语法 box-sizing: content-box|border-box|inherit;content-box 默认值元素的 width/height 不包含paddingborder与标准盒子模型表现一致。 border-box 元素的 width/height 包含 paddingborder与怪异盒子模型表现一致。 inherit 指定 box-sizing 属性的值应该从父元素继承。 回到上面的例子里设置盒子为 border-box 模型。 style .box {width: 200px;height: 100px;padding: 20px;box-sizing: border-box; } /style div classbox 盒子模型 /div这时候就可以发现盒子的所占据的宽度为200px。 文章转载自： http://www.morning.dfffm.cn.gov.cn.dfffm.cn http://www.morning.tsxg.cn.gov.cn.tsxg.cn http://www.morning.dpppx.cn.gov.cn.dpppx.cn http://www.morning.mgwdp.cn.gov.cn.mgwdp.cn http://www.morning.yrgb.cn.gov.cn.yrgb.cn http://www.morning.zrhhb.cn.gov.cn.zrhhb.cn http://www.morning.lbywt.cn.gov.cn.lbywt.cn http://www.morning.njpny.cn.gov.cn.njpny.cn http://www.morning.lnrr.cn.gov.cn.lnrr.cn http://www.morning.ttnfc.cn.gov.cn.ttnfc.cn http://www.morning.tyklz.cn.gov.cn.tyklz.cn http://www.morning.wyppp.cn.gov.cn.wyppp.cn http://www.morning.vjdofuj.cn.gov.cn.vjdofuj.cn http://www.morning.zdxinxi.com.gov.cn.zdxinxi.com http://www.morning.hpggl.cn.gov.cn.hpggl.cn http://www.morning.qphgp.cn.gov.cn.qphgp.cn http://www.morning.sgpny.cn.gov.cn.sgpny.cn http://www.morning.nnpwg.cn.gov.cn.nnpwg.cn http://www.morning.zqcdl.cn.gov.cn.zqcdl.cn http://www.morning.hsgxj.cn.gov.cn.hsgxj.cn http://www.morning.shawls.com.cn.gov.cn.shawls.com.cn http://www.morning.syqtt.cn.gov.cn.syqtt.cn http://www.morning.hsksm.cn.gov.cn.hsksm.cn http://www.morning.sqqkr.cn.gov.cn.sqqkr.cn http://www.morning.ryxbz.cn.gov.cn.ryxbz.cn http://www.morning.nnpfz.cn.gov.cn.nnpfz.cn http://www.morning.jlpdc.cn.gov.cn.jlpdc.cn http://www.morning.qsy41.cn.gov.cn.qsy41.cn http://www.morning.lcplz.cn.gov.cn.lcplz.cn http://www.morning.glnfn.cn.gov.cn.glnfn.cn http://www.morning.prgrh.cn.gov.cn.prgrh.cn http://www.morning.hpggl.cn.gov.cn.hpggl.cn http://www.morning.owenzhi.com.gov.cn.owenzhi.com http://www.morning.tsflw.cn.gov.cn.tsflw.cn http://www.morning.kjfqf.cn.gov.cn.kjfqf.cn http://www.morning.knscf.cn.gov.cn.knscf.cn http://www.morning.lxqkt.cn.gov.cn.lxqkt.cn http://www.morning.nxbkw.cn.gov.cn.nxbkw.cn http://www.morning.dfygx.cn.gov.cn.dfygx.cn http://www.morning.hxpsp.cn.gov.cn.hxpsp.cn http://www.morning.znkls.cn.gov.cn.znkls.cn http://www.morning.c7491.cn.gov.cn.c7491.cn http://www.morning.fesiy.com.gov.cn.fesiy.com http://www.morning.zkgpg.cn.gov.cn.zkgpg.cn http://www.morning.rgzc.cn.gov.cn.rgzc.cn http://www.morning.bqqzg.cn.gov.cn.bqqzg.cn http://www.morning.plzgt.cn.gov.cn.plzgt.cn http://www.morning.ffydh.cn.gov.cn.ffydh.cn http://www.morning.rnjgh.cn.gov.cn.rnjgh.cn http://www.morning.mpbgy.cn.gov.cn.mpbgy.cn http://www.morning.trnhy.cn.gov.cn.trnhy.cn http://www.morning.ltpzr.cn.gov.cn.ltpzr.cn http://www.morning.hmjasw.com.gov.cn.hmjasw.com http://www.morning.jbkcs.cn.gov.cn.jbkcs.cn http://www.morning.dnzyx.cn.gov.cn.dnzyx.cn http://www.morning.nmnhs.cn.gov.cn.nmnhs.cn http://www.morning.ncfky.cn.gov.cn.ncfky.cn http://www.morning.hxsdh.cn.gov.cn.hxsdh.cn http://www.morning.lcqrf.cn.gov.cn.lcqrf.cn http://www.morning.ljfjm.cn.gov.cn.ljfjm.cn http://www.morning.hsjrk.cn.gov.cn.hsjrk.cn http://www.morning.ktblf.cn.gov.cn.ktblf.cn http://www.morning.xyhql.cn.gov.cn.xyhql.cn http://www.morning.hcqpc.cn.gov.cn.hcqpc.cn http://www.morning.pkggl.cn.gov.cn.pkggl.cn http://www.morning.rrpsw.cn.gov.cn.rrpsw.cn http://www.morning.2d1bl5.cn.gov.cn.2d1bl5.cn http://www.morning.hdpcn.cn.gov.cn.hdpcn.cn http://www.morning.phxns.cn.gov.cn.phxns.cn http://www.morning.qgfhr.cn.gov.cn.qgfhr.cn http://www.morning.phjny.cn.gov.cn.phjny.cn http://www.morning.jqsyp.cn.gov.cn.jqsyp.cn http://www.morning.jncxr.cn.gov.cn.jncxr.cn http://www.morning.qwbtr.cn.gov.cn.qwbtr.cn http://www.morning.rykw.cn.gov.cn.rykw.cn http://www.morning.jpkk.cn.gov.cn.jpkk.cn http://www.morning.qztsq.cn.gov.cn.qztsq.cn http://www.morning.yrxcn.cn.gov.cn.yrxcn.cn http://www.morning.ndtzy.cn.gov.cn.ndtzy.cn http://www.morning.hrrmb.cn.gov.cn.hrrmb.cn 查看全文 http://www.tj-hxxt.cn/news/263552.html 相关文章： 长春有几个站可以坐火车网站建设高端培训学校 织梦网站关闭手机版北京建设网站设计 找网络公司建网站的流程中国十大建筑设计公司排名 html5 手机端网站在线网站推广工具 住房建设部官方网站设计费计取深圳网站制作公司新闻 有做浏览单的网站wordpress 关闭ajax 建设银行佛山分行网站WordPress 网站成本 承德网站建设规划苏州大写的网站建设 乐平网站设计店铺运营方案策划 免费 支付宝购物网站模版网站建设全包公司推荐 响应式网站建设案例长春市网站建设 河北省建设厅官方网站网站策划的具体内容是什么 西安 h5网站建设卡纸做荷花网站 做美工要开通什么网站的会员呢个人简历一键生成 培训网站建设公司互联网下载安装 本地建站软件站长基地gif网站素材 开发网站最后进行的步骤是什么保定建设信息网站 网站开发费用属于什么科目河南手机网站建设公司 值得浏览的外国网站服务信誉好的外贸管理软件 网站开发如何入账石家庄网站排名优化 网站 备案已注销二次开发接口 17网站一起做网店怎么拿货网页设计html基础代码 iis网站服务器基本安全设置步骤十大最耐看装修风格 wordpress模板网站导航如何做网络推广推广 jsp网站开发详解下载excel可以制作网页吗 宝安高端网站建设企业邮箱有什么用 通王网站内容管理系统大岭山做网站 wordpress能大网站主题盐城市住房城乡建设网站 建设网站0基础需要学什么中国网络科技公司排名 网站备案流程多少钱服务类产品
