当前位置: 首页 > wzjs >正文

佛山宽屏网站建设智谋网站优化公司

佛山宽屏网站建设,智谋网站优化公司,有免费做海报的网站吗,网站建设 康盛设计1.如何理解HTML语义化? 让人更容易读懂(增加代码的可读性) 让搜索引擎更容易读懂(SEO) 2.默认情况下,哪些 HTML 标签是块级元素、哪些是内联元素 ? 块级元素:display:block/table有div h1 h2 …

1.如何理解HTML语义化?

       让人更容易读懂(增加代码的可读性)

       让搜索引擎更容易读懂(SEO)

2.默认情况下,哪些 HTML 标签是块级元素、哪些是内联元素 ?

           块级元素:display:block/table有div h1 h2 table ul li ol p等

           内联元素:display:inline/inline-bliock  有  span img input button 等

3.盒子模型的宽度如何计算 ?

  offsetWidth=(内容宽度+内边距+边框),无外边距 100+20+2=122

如果让offsetWidth为100

加border-box

4.margin 纵向重叠的问题?

相邻元素的margin-top和margin-bottom会发生重叠

空白内容的P标签也会重叠

5.margin 负值的问题?

margin-top 和 margin-left 负值,元素向上、向左移动
margin-right 负值,右侧元素左移,自身不受影响
margin-bottom 负值,下方元素上移,自身不受影响

6.BFC的理解和应用?

Block format context,块级格式化上下文@68161金一块独立渲染区域,内部元素的渲染不会影响边界以外的元素

应用:BFC清除浮动

7.float 布局的问题,以及 clearfix?

如何实现圣杯布局和双飞翼布局

目的:三栏布局,中间一栏最先加载和渲染(内容最重要)

           两侧内容固定,中间内容随着宽度自适应

             一般用于PC网页

技术总结:

1.使用 float 布局
2.两侧使用 margin 负值,以便和中间内容横向重叠
3.防止中间内容被两侧覆盖,一个用 padding 一个用 margin

手写clearfix

8.flex 画色子?

9.absolute 和 relative 分别依据什么定位 ?

(1). position: relative  依据自身定位

  • 定位依据:相对于元素正常文档流中的位置进行定位。
  • 特点
    • 元素仍占据原文档流中的空间(不会影响其他元素布局)。
    • 通过 toprightbottomleft 调整位置时,是相对于元素原本应在的位置偏移。
    • 不会创建新的包含块(除非同时设置了 transformperspective 等属性)。

(2). position: absolute

  • 定位依据:相对于最近的已定位祖先元素(即设置了 position 为 relativeabsolutefixed 或 sticky 的元素)。
  • 特点
    • 元素脱离文档流,不占据空间,可能覆盖其他元素。
    • 若没有已定位的祖先元素,则相对于初始包含块(通常是 <html> 元素)。
    • 通过 toprightbottomleft 调整位置时,是相对于定位祖先元素的内边距(padding)边界。

常见应用场景

  • relative:微调元素位置、为绝对定位子元素创建参考容器。
  • absolute:实现悬浮层、模态框、下拉菜单等脱离文档流的组件。

10.居中对齐有哪些实现方式 ?

   (1)、水平居中

   

    (2)、垂直居中

(3)水平垂直居中

11.line-height 的继承问题?

  • 关键结论line-height 的继承取决于父元素的声明方式:
    • 当父元素使用数值(如 1.5)声明时:子元素继承的是这个数值,并根据自身字体大小重新计算行高。
    • 当父元素使用具体单位(如 pxemrem)声明时:子元素继承的是计算后的具体像素值

12.rem是什么?

响应式布局,根据不同的屏幕宽度根元素的font-size

13.如何实现响应式?

网页视口尺寸

window.screen.height //屏幕高度
window.innerHeight //网页视口高度
document.body.clientHeight // body 高度

window.screen.width//屏幕宽度
window.innerWidth //网页视口宽度
document.body.clientWidth // body宽度

vh 网页视口高度的 1/100
vw 网页视口宽度的 1/100

vmax 取两者最大值;vmin 取两者最小值

http://www.dtcms.com/wzjs/105290.html

相关文章:

  • 徐州网站平台产品推广策略
  • 网页建站百度app手机版
  • 正规网站建设服务网络推广企业
  • 怎么在本地做网站广告投放是什么工作
  • 做网站好公司廊坊seo培训
  • 加强门户网站建设宁波免费seo在线优化
  • 濮阳做网站优化网络营销做得比较成功的案例
  • 公司网站模板免费源码下载b站推广链接
  • 哪个网站做电商门槛最低需要多少钱
  • 武汉市网站制作如何做一个营销方案
  • 建设网站证书查询seo分析报告怎么写
  • ai网站大全天津seo网站排名优化公司
  • 企业网站建设方案价位百度提交网站入口
  • 手机访问网站建设中平台推广是什么
  • 网站建设的电话销售微博seo排名优化
  • 正规全平台内容系统官网外贸网站谷歌seo
  • 没有页面的网站怎么做性能测试长治seo顾问
  • 昆明网络营销网站网络营销的发展前景
  • 龙岩一中网站百度网站介绍
  • 博客为什么用wordpressseo顾问培训
  • 公司管理系统的好处宁波seo网络推广代理公司
  • 中学网上做试卷的网站关键词的作用
  • 番禺外贸型网站建设淘宝优秀软文范例100字
  • 怎么做代购网站百度的总部在哪里
  • 建网站怎么挣钱的网络营销成功案例ppt
  • 批发电商做的好的网站建站abc
  • 个人做网站手机获取验证码搜什么关键词比较刺激
  • 网站开发保密合同文大侠seo博客
  • 网站建设与管理工资网上怎么注册公司免费的
  • 宁波哪里可以做网站推广计划怎么做推广是什么