美文网首页
文档流、样式表、长度单位的几点介绍

文档流、样式表、长度单位的几点介绍

作者: 林立镇 | 来源:发表于2017-05-10 23:56 被阅读0次

文档流

内联元素

  • 从左到右依次排列
  • 如果宽度不够,自动换行

块级元素

  • 从上到下依次排列
  • 每个块级元素会另起一行

如何在HTML引入CSS?

外联式

<link rel="stylesheet" href="">

内联式

<style></style>

嵌入式

标签内style=" "

JS添加css

css里添加css

@import url()

语法

  1. 样式规则
    选择器{
    属性:属性值;/冒号不能错,分号不能省,最后一个可以/
    }
  2. at规则
    @charset 'utf-8'
    @import url(地址) / "地址"

值(CSS 2.1)

  1. 整数和小数(line-height可以height不可以)
  2. 长度
    相对长度
    1em近似1M的宽度,M宽度由fontsize控制
    绝对长度
    1px由屏幕分辨率1920*1080决定,显示屏幕1920分之一
    CSS3相对单位:50vw(viewport视口50%宽度)、50vh(viewport视口50%高度)

补充

国外网站CSS,查询属性值有哪些浏览器可以用
canluse.com

相关文章

  • 文档流、样式表、长度单位的几点介绍

    文档流 内联元素 从左到右依次排列 如果宽度不够,自动换行 块级元素 从上到下依次排列 每个块级元素会另起一行 如...

  • css中的长度 单位

    1.有两种类型的长度单位:相对和绝对。 相对长度单位指定了一个相对于其它长度属性的单位。使用相对单位的样式表更容易...

  • 像素比概念解释与相关介绍

    1. 概念介绍#### 绝对长度单位和相对长度单位的区别 绝对长度单位:自然界标准的长度单位。例如in(inch英...

  • 文档流介绍

  • Python HTML和CSS 9:定位布局

    总体内容1、文档流的介绍2、关于定位的属性以及使用3、案例的展示 一、文档流的介绍:文档流,是指盒子按照html标...

  • CSS有哪些属性可以继承?

    1.背景介绍 了解css样式表的继承,我们先从文档树(HTML DOM)开始,文档树由HTML元素组成,文档树和家...

  • CSS有哪些属性可以继承?

    1.背景介绍 了解css样式表的继承,我们先从文档树(HTML DOM)开始,文档树由HTML元素组成,文档树和家...

  • 介绍 CSS 中的长度单位 fr

    简介 在 CSS Grid 网格布局中,引入了一种新的长度单位 fr(fraction)。它表示 Grid 布局中...

  • 几个CSS的单位你需要了解一下

    css长度单位 css 长度单位一般我们分为绝对长度单位和相对长度单位 绝对长度单位 绝对长度单位是一个固定的值,...

  • css中的px、em、rem 详解

    概念介绍: 1、px (pixel,像素): 是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算...

网友评论

      本文标题:文档流、样式表、长度单位的几点介绍

      本文链接:https://www.haomeiwen.com/subject/jyhctxtx.html