css常用单位与选择器

作者:神秘网友 发布时间:2021-02-23 12:50:25

css常用单位与选择器

5个常用单位

px,和当前操作系统视窗分辨率有关
em,和父级元素的字体大小有关,即父级元素的字体大小的x倍的意思,如果父级元素没有设置,一直找到html顶级元素为止
rem,是html字体大小的倍数,与父级元素无关
vh/vw,和浏览器当前尺寸有关,即浏览器当前长宽的百分比
vmin/vmax,和设备分辨率有关,主要用于移动设备的横屏竖屏后,分辨率颠倒的场景
百分比,和父级元素的size有关,而vh/vw是同浏览器的size有关,二者均为百分比只不过参考不同

常用选择器

,子元素选择器 ,当前元素的儿子元素,可与*搭配使用,组成所有子元素,例:.div *

+,兄弟选择器,与当前元素处于同一层的下一个相邻元素

~,同级选择器,与当前元素处于同一层的所有元素

*,所有选择器,可与其他选择器搭配使用,单独使用指所有html标签

p[id],属性选择器,有id属性的p标签,当然id也可以指定,例如p[id="p1"]

:,伪类选择器,悬停hover,点击过visited ....

源:https://www.bilibili.com/video/BV1d441167e9

https://www.bilibili.com/video/BV1et411K7RU

css常用单位与选择器 相关文章

  1. excel去掉单位只要数值

    excel去掉单位只要数值的方法:首先打开Excel数据表;然后选择B列,点击“开始”中的“查找和选择”,选择列表中的“替换”;接着在查找中输入数字后的单位;最后点击“全部替换”即可。 本文操作环境:Windows7系统,Microsoft Office Excel2013,Dell G3电

  2. css怎么设置变成小手

    在css中可以通过将cursor属性值设置为pointer来实现光标为小手样式,该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。 本教程操作环境:windows7系统、css3版、Dell G3电脑。 cursor 定义和用法 cursor 属性规定要显示的光标的类型(形状)。

  3. 自动化构建初体验

    1、通过sass增强css的编程性 (1)在开发时添加构建环节 (2)在开发环节编写css样式 (3)通过工具将sass构建为css 2、具体操作 (1)创建项目目录 (2)yarn init初始化package.json (3)新建index.html index.html !DOCTYPE htmlhtml lang="en"head meta

  4. SpringBoot Controller接收参数的几种常用方式

    SpringBoot Controller接收参数的几种常用方式 请求路径参数 @PathVariable 获取路径参数。即url/{id}这种形式。 @RequestParam 获取查询参数。即urlname=这种形式 例子 GET http://localhost:8080/demo/123name=suki_rong 对应的java代码: @GetMapping("/d

  5. adb shell常用命令

    adb shell常用命令 adb shell 登陆设备的shell adb shell command命令 直接运行设备命令,相当于执行远程命令。安卓系统是基于Linux系统开发的,支持常见的Linux命令,这些命令保持在手机的/system/bin文 件夹下,可以通过adb shell command命令 直接运行这

  6. Mybatis的注解方式开发

    目录 1. Mybatis常用注解及说明 2. Mybatis使用注解实现增删改查 3. Mybatis使用注解实现复杂关系映射开发 3.1 注解实现一对一关系映射及延迟加载 3.2 注解实现一对多关系映射及延迟加载 4. Mybatis注解方式开启二级缓存 4.1 SqlMapConfig.xml文件开启二级缓

  7. vsftp常用配置详解

    一、vsftp配置文件 $ vi /etc/vsftpd.conf 重点配置标注如下 listen=YESlisten_ipv6=YESanonymous_enable=NO # 禁用匿名账号登陆local_enable=YES # 允许本地账号登陆write_enable=YES # 允许ftp的写操作anon_upload_enable=NOanon_mkdir_write_enable=NOdir

  8. css样式(部分)

    CSS3-部分样式 边框: border-radius:圆角边框,可以写绝对值,也可以写百分比(可以让不同的方向进行改变) box-shadow:阴影,从左往右,分别为水平偏移方向,垂直偏移方向,模糊半径(阴影大小),扩展半径(变大),最后一个是阴影颜色 box-shadow:0 0 0

  9. html CSS

    javaweb html html 文件的书写规范 html 表示整个html页面的开始 head 头信息 title标题/title /head body 页面主体内容 /body\html 表示整个html页面的结束 html标签介绍 标签的格式: 标签名封装的数据/标签名 标签名大小写不敏感 标签拥有自己的属性 基本

  10. js-脚本化CSS

    脚本化CSS 1.读写CSS属性 domEle.style.prop 可读写行间样式,没有兼容性问题;像float这样的关键字属性应在前面加css。 float -- cssFloat; 复合属性必须拆解,组合单词采用小驼峰式写法 写入值必须是字符串格式 2.查询计算样式 window.getComputedStyle(e

每天更新java,php,javaScript,go,python,nodejs,vue,android,mysql等相关技术教程,教程由网友分享而来,欢迎大家分享IT技术教程到本站,帮助自己同时也帮助他人!

Copyright 2020, All Rights Reserved. Powered by 跳墙网(www.tqwba.com)|网站地图|关键词