浅谈对html css的理解,HTML+CSS入门 CSS选择器 、属性和值浅谈
body {
font-size: 0.8em;
color: navy;
}
上面的意思是为body选择器设置font-size字体大小和color字体颜色。
所以基本的,当它作用与HTML页面时,在body标签(整个窗口中的内容)之间的文字颜色是navy字体大小是0.8ems。
长度和百分比
CSS里面有许多属性值要指定单位,但有些基本单位被使用在一些属性上,在这之前值得属性下它们。
em比如font-size:2em给于字体计算出的大小,所以2em就是实际字体大小的两倍。
px比如font-size:12px是pixel像素的单位。
pt比如font-size:12px是points镑的单位。
%比如font-size:80%是百分比
其他单位包括pc(12点西文活字)、cm(厘米)、mm(毫米)和in(英寸)
当值是零的时候,不需要单位,例如:border:0意思没有边框。
网页不是静态的、绝对的媒体。这意味着内能伸缩变形,用户应该被允许调整自己喜欢的方式,包括字体大小和屏幕大小。
因为这样,建议使用"em"和"%"在font-size上(宽度和高度),相比下px不能够在大部分浏览器改变大小,所以要少用,可以用在边框的大小上。
本文由职坐标整理并发布,了解更多内容,请关注职坐标WEB前端HTML/CSS频道!
浅谈对html css的理解,HTML+CSS入门 CSS选择器 、属性和值浅谈相关推荐
- java ajax datatype_理解jquery ajax中的datatype属性选项值
jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字 ...
- $.ajax datatype默认是什么类型,理解jquery ajax中的datatype属性选项值
jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字 ...
- 学习笔记之CSS深入理解(慕课网 张鑫旭主讲)
一.CSS深入理解之border 1. border-width不支持百分比 受语义和使用场景决定的,不会因为设备大而边框变大的 2. border-style属性 border-style:dott ...
- css样式的格式是什么,css的语法格式是什么
CSS的定义由选择符(selector).属性(properties)和属性的取值(value)3个部分构成. 基本格式如下: selector{property:value}即:(选择符{属性:值} ...
- 浅谈 我对 技术 的理解
文章目录 1.浅谈 我对 技术 的理解 1.1 技术 是 什么? 1.2 技术的 两个 核心 构成 要素 1.2.1 知识 层面 1.2.2 智慧 层面(思考 层面) 1.3 技术 很难?学不明白? ...
- CSS布局 ——从display,position, float属性谈起
页面布局,或者是在页面上做些小效果的时候经常会用到 display,position和float 属性,如果对它们不是很了解的话,很容易出现一些莫名其妙的效果,痛定思痛读了<CSS Master ...
- 后端码农谈前端(CSS篇)第三课:选择器
一.选择器 1.ID选择器: 语法: 首先,ID 选择器前面有一个 # 号 - 也称为棋盘号或井号. 请看下面的规则: *#intro {font-weight:bold;} 与类选择器一样,ID 选 ...
- [css] 举例说明你对相邻兄弟选择器的理解
[css] 举例说明你对相邻兄弟选择器的理解 div+p{ //相邻兄弟选择器 background: red; } 符合两个条件就会被选中: 1.紧邻在另一个元素后面 2.两者父元素相同 个人简介 ...
- [css] 请说下你对css对象模型(CSSOM)的理解
[css] 请说下你对css对象模型(CSSOM)的理解 CSSOM 是一组允许 JavaScript 操作 CSS 的 API.它非常类似于 DOM,但是用于 CSS 而不是 HTML.它允许用户动 ...
最新文章
- modelsim 自动化 独立仿真vivado ip核工程
- ajax查询数据返回结果不变
- ETSI — MEC — APIs 清单
- Android studio实现底部导航,Android 开发之BottomBar+ViewPager+Fragment实现炫酷的底部导航效果...
- 【转】Dicom格式文件解析器!!!!!!!
- 拒绝暴力调参!推荐一个模型Debug神器!
- java ajax无权限跳转_如何在ajax权限判断后跳转?
- java运输_JAVA-基础-方法
- linux 自动安装mysql数据库_linux系统下源码安装mysql5.6数据库
- php控制器,php模型和控制器之间交互
- Eclipse中离线安装ADT插件详细教程
- 几款好用又强力的数据恢复软件推荐
- 喜洋洋大战灰太狼(大结局)
- python魔兽挂机_实现 WOW 插件的简单步骤
- 品今第一届集团迎新分享会,进•无止境
- 69A.Young Physicist
- 结巴分词python安装_“结巴”分词:做最好的Python分词组件
- codeup刷题2.5小节 C/C++快速入门->数组——《算法笔记》(胡凡)
- 使用VNC远程连接云服务器,连接超时问题
- 搜索框(SearchView)详解