专栏首页Vincent-yuan前端学习(22)~css问题讲解

前端学习(22)~css问题讲解

你是如何理解 HTML 语义化的?

语义化:指对文本内容的结构化(内容语义化),选择合乎语义的标签(代码语义化)。

举例:段落用 p,边栏用 aside,主要内容用 main 标签。

好处:

便于开发者阅读和维护

有利于SEO:让浏览器的爬虫和辅助技术更好的解析,

语义化标签介绍:

在HTML5出来之前,我们习惯于用div来表示页面的章节或者不同模块,但是div本身是没有语义的。但是现在,HTML5中加入了一些语义化标签,来更清晰的表达文档结构

meta viewport 是做什么用的,怎么写?

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

控制页面在移动端不要缩小显示。

css reset 和 Normalize.css 有什么区别

二者都是用来统一浏览器的默认样式:

  • reset:重置。相对「暴力」,不管你有没有用,统统重置成一样的效果,且影响的范围很大,讲求跨浏览器的一致性。(一刀切)
  • Normalize.css :标准化。相对「平和」,注重通用的方案,重置掉该重置的样式,保留有用的 user agent 样式,同时进行一些 bug 的修复,这点是 reset 所缺乏的。(去伪存真)

选择器的优先级如何确定

  • 选择器越具体,优先级越高。 #xxx 大于 .yyy
  • 同样优先级,写在后面的覆盖前面的。
  • color: red !important; 优先级最高。

BFC 是什么

overflow:hidden :取消父子 margin 合并。 (另一种推荐做法:padding-top: 0.1px;

如何清除浮动

(1)overflow: hidden

(2).clearfix 清除浮动写在爸爸身上

    .clearfix::after {
        content: '';
        display: block;
        clear: both;
    }

    /* 兼容 IE */
    .clearfix {
        zoom: 1;
    }

伪类和伪元素的区别是什么?

概念上的区别:

  • 伪类表示一种状态
  • 伪元素是真的有元素。比如 ::after 是真的有元素,可以在页面上显示内容。

使用上的区别:

  • 伪类:使用单冒号
  • 伪元素:使用双冒号

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 前端学习(51)~事件的传播和事件冒泡

    重点:捕获阶段,事件依次传递的顺序是:window --> document --> html--> body --> 父元素、子元素、目标元素。

    Vincent-yuan
  • 前端学习(30)~js学习(七):流程控制语句-选择结构(if,switch)

    (1)首先,计算出表达式的值,和case依次比较,一旦有对应的值,就会执行相应的语句,在执行的过程中,遇到break就会结束。

    Vincent-yuan
  • 前端学习(1)~html标签讲解(一)

    html全称为HyperText Markup Language,译为超文本标记语言,不是一种编程语言,是一种描述性的标记语言,用于描述超文本中内容的显示方式。

    Vincent-yuan
  • 今日 Paper | 3D门控递归融合;双注意力GAN;通用目标检测器;无监督域自适应等

    论文名称:3D Gated Recurrent Fusion for Semantic Scene Completion

    AI科技评论
  • SpringMVC 解毒1

    学Java开发的同学始终避不开Spring,学JavaWeb开发的同学就更避不开SpringMVC了。凡是有点追求的程序员肯定也想读一读Spring和Sprin...

    zhangheng
  • JS 控制隐藏显示

    问天丶天问
  • Echart图表自适应情况下的打印 原

    报表是全屏自适应的,当点击打印按钮时Echart图表设置成固定的宽度以适应打印的页面,img的src是获取变化后的echart数据流

    tianyawhl
  • 聊聊ribbon的retry

    spring-cloud-netflix-ribbon-2.0.0.RELEASE-sources.jar!/org/springframework/cloud...

    codecraft
  • JavaScript中的单例模式

    是一种常见的设计模式,在应用这个模式时,必须保证单例对象的类只有一个实例存在;这样全局拥有一个对象,有利于我们进行系统调整。

    刘亦枫
  • 运用谷歌 BigQuery 与 TensorFlow 做公共大数据预测

    【新智元导读】谷歌BigQuery的公共大数据集可提供训练数据和测试数据,TensorFlow开源软件库可提供机器学习模型。运用这两大谷歌开放资源,可以建立针对...

    新智元

扫码关注云+社区

领取腾讯云代金券