position几个属性的作用?

四个属性:

  • relative:相对定位,以自身位置为基准,进行偏移,不脱离标准流,还占原来位置。
  • absolute:绝对定位,会随着滚动条滚动。
  1. 元素使用绝对定位,脱离标准流,不占原来位置。
  2. 如果父盒子都没有定位,位置偏移就以浏览器窗口。
  3. 若绝对定位的元素,父元素使用了定位,位置偏移基于离它最近的,使用定位的父元素位置偏移。
  4. 绝对定位的元素有了行内快的显示特点:
    4.1:块元素不会默认宽高了,默认宽高为0,内容会撑开宽高。
    4.2:有了行内块元素的显示特点,可以设置宽高了。
  • fixed:固定定位,以浏览器窗口为基准,进行偏移,脱离标准流,不占原来位置,不会随着滚动条滚动。
  • static:静态定位,不定位,所有元素默认定位方式。

px , em , rem 取用选着依据

  • px:
    绝对单位,是显示器屏幕分辨率而言的一个虚拟长度单位。
  • em
    相对单位,相对当前对象文本内的字体尺寸。若当前对象文本未设置字体尺寸,则相对于浏览器默认的字体尺寸。它会继承父元素的字体大小,不是一个固定的值。
  • rem
    相对单位,c3新增的相对单位,使用rem设置文字大小,还是相对大小,但相对的是HTML的根元素。

区别:IE 无法调整那些使用 px 作为单位的字体大小,而 em 和 rem 可以缩放,rem相对的只是 HTML 根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。目前,除了 IE8 及更早版本外,所有浏览器均已支持 rem。

css引入的方式有哪些?link和@import的区别?reset有什么作用和用途?sprites,如何使用?

引入方式有:
内联,内嵌,外链,导入

link和@import的区别: 都是同时加载
link:无兼容性,支持javascript改变样式
@import:css2.1以下浏览器不支持,不支持JavaScript改变样式。

reset 的作用是重置浏览器css默认样式,浏览器品种不同,样式不同,然后重置,使他们统一。

sprites:精灵图,把一堆小图片整合到一张大的图片(png)上,减少服务器请求数量。

CSS基础常识问答(一)相关推荐

  1. Html+CSS基础知识(一)

    1 前端常识 1.1 HTML的作用 定义网页结构: 1.2 CSS的作用 修饰网页结构和样式: 1.3 javascript 定义网页之间的交互 2 HTML基础 2.1 什么是HTML HTML是 ...

  2. HTML+CSS基础(转载)

    第一部分 HTML 第一章 职业规划和前景 职业方向规划定位: web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求最多的人才 结合最新的 ...

  3. 论文浅尝 | 通过知识到文本的转换进行知识增强的常识问答

    笔记整理:陈卓,浙江大学在读博士,主要研究方向为低资源学习和知识图谱 论文链接:https://www.aaai.org/AAAI21Papers/AAAI-10252.BianN.pdf 发表会议: ...

  4. 十四个关于ASP.NET基础知识问答(C#版)

    本文转自:乐猪网 十四个关于ASP.NET基础知识问答(C#版) 这是一些ASP.NET很基础的东西,希望对ASP.NET爱好者特别是刚刚入门的朋友有所帮助虽然示例代码是C#.NET,但是不影响VB. ...

  5. 端口基础常识大全+常用端口对照

    端口基础常识大全+常用端口对照 [color=Red][size=4][b]端口基础常识大全[/b][/size][/color] [color=Green]1) 公认端口(Well Known Po ...

  6. 常识知识确能被捕获,西湖大学博士探究BERT如何做常识问答

    点击上方"AI遇见机器学习",选择"星标"公众号 重磅干货,第一时间送达 来自:机器之心 BERT 是通过常识知识来解决常识任务的吗? 预训练上下文化语言模型( ...

  7. html与css项目,项目六HTML与CSS基础.doc

    项目六HTML与CSS基础.doc 项目六: HTML与CSS基础 课题名称:6.2 CSS样式表的使用(一) 教学目标 1.知识与技能目标 熟练掌握插入Div 标签和设置样式定义的方法:理解CSS样 ...

  8. CSS基础_Day04

    CSS基础 一.CSS继承 1.给 HTML 的 body 元素添加样式 每一个 HTML 页面都有一个 body 元素. 我们可以通过设置 background-color 的属性值为黑色,来证明 ...

  9. CSS基础_Day03

    CSS基础 一.给 div 元素添加背景色 background-color 属性可以设置元素的背景颜色. .green-background {background-color: green; } ...

  10. CSS基础_Day02

    CSS基础 一.字体 1.更改元素的字体大小 字体大小由font-size属性控制. <style>p{font-size:16px;}//设置p元素字体大小为16px </styl ...

最新文章

  1. 高频一线大厂 Python 面试题:算法+爬虫+数据处理+基础
  2. Exception in thread “main“ java.lang.NoSuchMethodError: scala.collection.mut
  3. SAP Spartacus config-initializer.service.ts get isStable属性失败的调试
  4. IndexError: list index out of range--Python报错原因及解决办法
  5. 信息学奥赛一本通C++语言——1094:与7无关的数
  6. Linux(CentOS)配置IP设置ssh访问权限
  7. phpcmsV9站群去除域名绑定目录中的HTML的方法
  8. csharp:Convert Image to Base64 String and Base64 String to Image
  9. Android开源库集合(控件)
  10. 硬件设计漫谈1 —模组设计
  11. 3D点云处理:直通滤波器高斯滤波器
  12. 简述er图的作用_ER图的理解
  13. mysql 查询重复数据并删除
  14. 基于Vue的标尺插件(刻度尺)
  15. android fake camera,码市 - No.22987 - android fake camera - 其他
  16. 数据时代程序员必备技能:数据可视化
  17. OllyDbg的简单使用
  18. 解决dyld: Library not loaded: /usr/local/opt/icu4c/lib/libicui18n.62.dylib
  19. 闰秒是什么?ntp如何处理闰秒?
  20. 双电源供电方案-优缺点

热门文章

  1. 安装ubuntu20.04无法连接wifi问题
  2. 超简单微信登录(微信SDK接入、友盟SDK接入)
  3. 淘宝自动回复机器人配置手册——利用旺旺分流针对性配置
  4. 蓝懿iOS 技术内容交流和学习心得 11.11
  5. Win10系统无法安装geforce game ready driver?
  6. 51nod1127 最短的包含字符串
  7. python能开发手机app吗_python开发手机app和java相比,缺点是什么?
  8. 英语四级考试在即,这几个超有用的App赶紧用起来,顺利考过四级
  9. flv转换mp4最简单方法
  10. 高分子专业计算机建模,高分子与计算机模拟.doc