CSS基础常识问答(一)
position几个属性的作用?
四个属性:
- relative:相对定位,以自身位置为基准,进行偏移,不脱离标准流,还占原来位置。
- absolute:绝对定位,会随着滚动条滚动。
- 元素使用绝对定位,脱离标准流,不占原来位置。
- 如果父盒子都没有定位,位置偏移就以浏览器窗口。
- 若绝对定位的元素,父元素使用了定位,位置偏移基于离它最近的,使用定位的父元素位置偏移。
- 绝对定位的元素有了行内快的显示特点:
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基础常识问答(一)相关推荐
- Html+CSS基础知识(一)
1 前端常识 1.1 HTML的作用 定义网页结构: 1.2 CSS的作用 修饰网页结构和样式: 1.3 javascript 定义网页之间的交互 2 HTML基础 2.1 什么是HTML HTML是 ...
- HTML+CSS基础(转载)
第一部分 HTML 第一章 职业规划和前景 职业方向规划定位: web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求最多的人才 结合最新的 ...
- 论文浅尝 | 通过知识到文本的转换进行知识增强的常识问答
笔记整理:陈卓,浙江大学在读博士,主要研究方向为低资源学习和知识图谱 论文链接:https://www.aaai.org/AAAI21Papers/AAAI-10252.BianN.pdf 发表会议: ...
- 十四个关于ASP.NET基础知识问答(C#版)
本文转自:乐猪网 十四个关于ASP.NET基础知识问答(C#版) 这是一些ASP.NET很基础的东西,希望对ASP.NET爱好者特别是刚刚入门的朋友有所帮助虽然示例代码是C#.NET,但是不影响VB. ...
- 端口基础常识大全+常用端口对照
端口基础常识大全+常用端口对照 [color=Red][size=4][b]端口基础常识大全[/b][/size][/color] [color=Green]1) 公认端口(Well Known Po ...
- 常识知识确能被捕获,西湖大学博士探究BERT如何做常识问答
点击上方"AI遇见机器学习",选择"星标"公众号 重磅干货,第一时间送达 来自:机器之心 BERT 是通过常识知识来解决常识任务的吗? 预训练上下文化语言模型( ...
- html与css项目,项目六HTML与CSS基础.doc
项目六HTML与CSS基础.doc 项目六: HTML与CSS基础 课题名称:6.2 CSS样式表的使用(一) 教学目标 1.知识与技能目标 熟练掌握插入Div 标签和设置样式定义的方法:理解CSS样 ...
- CSS基础_Day04
CSS基础 一.CSS继承 1.给 HTML 的 body 元素添加样式 每一个 HTML 页面都有一个 body 元素. 我们可以通过设置 background-color 的属性值为黑色,来证明 ...
- CSS基础_Day03
CSS基础 一.给 div 元素添加背景色 background-color 属性可以设置元素的背景颜色. .green-background {background-color: green; } ...
- CSS基础_Day02
CSS基础 一.字体 1.更改元素的字体大小 字体大小由font-size属性控制. <style>p{font-size:16px;}//设置p元素字体大小为16px </styl ...
最新文章
- 高频一线大厂 Python 面试题:算法+爬虫+数据处理+基础
- Exception in thread “main“ java.lang.NoSuchMethodError: scala.collection.mut
- SAP Spartacus config-initializer.service.ts get isStable属性失败的调试
- IndexError: list index out of range--Python报错原因及解决办法
- 信息学奥赛一本通C++语言——1094:与7无关的数
- Linux(CentOS)配置IP设置ssh访问权限
- phpcmsV9站群去除域名绑定目录中的HTML的方法
- csharp:Convert Image to Base64 String and Base64 String to Image
- Android开源库集合(控件)
- 硬件设计漫谈1 —模组设计
- 3D点云处理:直通滤波器高斯滤波器
- 简述er图的作用_ER图的理解
- mysql 查询重复数据并删除
- 基于Vue的标尺插件(刻度尺)
- android fake camera,码市 - No.22987 - android fake camera - 其他
- 数据时代程序员必备技能:数据可视化
- OllyDbg的简单使用
- 解决dyld: Library not loaded: /usr/local/opt/icu4c/lib/libicui18n.62.dylib
- 闰秒是什么?ntp如何处理闰秒?
- 双电源供电方案-优缺点
热门文章
- 安装ubuntu20.04无法连接wifi问题
- 超简单微信登录(微信SDK接入、友盟SDK接入)
- 淘宝自动回复机器人配置手册——利用旺旺分流针对性配置
- 蓝懿iOS 技术内容交流和学习心得 11.11
- Win10系统无法安装geforce game ready driver?
- 51nod1127 最短的包含字符串
- python能开发手机app吗_python开发手机app和java相比,缺点是什么?
- 英语四级考试在即,这几个超有用的App赶紧用起来,顺利考过四级
- flv转换mp4最简单方法
- 高分子专业计算机建模,高分子与计算机模拟.doc