码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 【前端面试题4】


    1.行属性,块属性,行块属性特点及其包含哪些标签

    1.1块属性:

    上下排列,独占一行

    支持设置宽高,如果不设置宽高,宽度自动撑满父容器,高度由内容决定

    div,p,h1—h6,ol>li

    1.2行属性:

    左右排列

    不支持设置宽高

    不支持上下的marign和padding

    a,span

    1.3行块属性:

    左右排列

    支持设置宽高

    img

    2.alt,title,src标签的含义

    alt:图片加载失败提示音

    title:鼠标移入提示音

    src:用来放置图片地址

    3.盒模型包括什么,正常盒模型和怪异盒模型区别

    盒模型包括:width+height+marign+padding+border

    区别:

    正常盒模型设置padding和border会增大盒模型面积

    怪异盒模型设置padding和border会挤压内容区

    4.margin存在的问题

    4.1上下两个元素同时设置margin-top和margin-bottom会叠压取最大值

    4.2第一个子元素的margin-top会传递给父元素

    5.浮动的作用:

    让块属性标签排成一行,解决水平布局问题

    让行属性标签支持设置宽高

    文字环绕效果

    6.浮动存在的问题及解决方式

    存在问题:父元素不设置高度的情况下,高度由子元素撑开,一旦子元素设置浮动,父元素会失去高度进而影响后面元素布局

    解决方式:

    给父元素设置overflow:hidden

    动态向父元素后面添加一个clear:bot的块属性元素

    7.定位布局

    7.1固定定位 position:fixed

    7.2相对定位 position:relative

    7.3绝对定位 position:absolute

    8.表格table

    表头:thead

    行:tr

    列:th

    表身:tbody

    行:tr

    列:td

    9.表单标签

    form

    input->type属性

    select->option 下拉选择框

    textarea可输入区域

    button按钮

    10.常用样式

    width,height,color,font-size,font-weight,font-family,opacity,rgab,rgb

  • 相关阅读:
    继电器测试负载箱的价格和性价比如何?
    计算机网络相关知识点(二)
    【JS】获取 Headers 头部信息
    苍穹外卖学习
    【Java-LangChain:使用 ChatGPT API 搭建系统-11】用 ChatGPT API 构建系统 总结篇
    指针(三)- 二级指针、野指针、空指针
    linux 学习:查找命令 find | grep
    harbor部署实录
    k8s部署redis 3主3从
    2022年新一批获得能力评估CS认证证书的企业名单
  • 原文地址:https://blog.csdn.net/m0_57517704/article/details/126973236
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号