LAin的博客

一、CSS 是什么？Cascading Style Sheets 层叠样式表 用来定义页面元素的样式。如字体、颜色、位置、大小、动画效果等。二、基本构架CSS 语法https://www.w3school.com.cn/css/css_syntax.asp三、使用 CSS 的方法 1. 外链（常用，引入外部 CSS 即可）<link rel="stylesheet" href="./abcdefg.css"> 2. 嵌入（写在HTML 中）&l...

一、概念找出页面中的元素，以便给他们设置样式。 使用多种方式选择元素。 （1）按照标签名、类名、id。 （2）按照属性。 （3）按照 DOM 树的位置。二、基础选择器1）通配选择器 “ * ” ：它匹配页面中所有的元素。2）标签选择器：通过标签名选中一个元素。3）id 选择器：通过 “ # ” + id 属性值，可以选中。（页面中 id 值唯一）4）类选择器：通过 class 选择这个元素。如下图（abc被选中）.abc {...

1. 语法糖font:style weight size/height family 斜体 粗细 大小/行高 字体族2. 通用字体族Serif 衬线体 Sans-Serif 无衬线体 Cursive 手写体 Fantasy 艺术体 Monospace 等宽字体3. 也可以使用 Web Fonts 设置字体4. font-size 设置字体大小 其值有关键字（small、medium、large），长度，百分百。5. font-style 设置字..

1. text-align 文字排版方向 属性值有：left：左对齐 center：居中 right：右对齐 justify：两端对齐小贴士：left 与justify 的区别，justify 两端顶点是对齐的，left 不一定能对齐。因为 justify 会自动调整空格间距使两边对齐。2. spacing 单词与单词、字母与字母之间的距离 属性有：1) letter-spacing 字母之间的距离（默认值 0）。2) word-spacing 单词之间的距离（默认值...

1. 基础模型2. 怪异盒子模型 border-boxbox-sizing:border-box;使用box-sizing:border-box; 可以改变实际占用大小。如下图。3. margin 外边距、padding 外边距 1）margin 外边距：指定元素四个方向的外边距，取值可以是长度、百分数、auto。 外边距存在一个现象：margin collapse 边距合并（只发生在垂直方向上，垂直方向 margin 会被合并。） ...

css中的盒子 块级盒子（Block Level Box） 行级盒子（Inline level Box） 生成块级盒子 生成行级盒子，内容分散在多个行盒中 body、article、div、main、section、h1~h6、p、ul、li 等 span、em、strong、cite、code 等 display：block display：inline 不和其它盒子并列摆放 和其它行级盒子一起放在一行或拆开成多行 适用所有的盒模型属性 盒模型中

一、border-radius 圆角属性值简介 属性值写法 解释 当属性值为一个 对应的四个角都会发生变化 当属性值为两个 第一个值代表左上角、右下角； 第二个值代表右上角、左下角。 当属性值为三个 第一个值代表左上角； 第二个值代表右上角、左下角； 第三个值代表右下角。 当属性值为四个 第一个值代表左上角； 第二个值代表右上角； 第三个值代表右下角； 第四个值代表左.

一、行盒内的摆放规则小贴士：大部分字母以基线（baseline）对齐。二、行级盒子高度 一个包含文字的行盒的高度由行高（line-height）决定，高度只和行高有关系。三、line box 内的盒子摆放由图可知，他们是基于基线（baseline）对齐的。解释：① 文字的基线（baseline）是字体的 baseline。 图片的 baseline 是图片下边缘。 inline-block 是...

一、选择器特异度（Speeificity）举个栗子：1. #nav .list li a:link2. .hd ul .links a解释： 因为， 在 1 中，id 选择器有 1个（#nav），类与伪类共有 2个（.list 与 :link）,元素与伪元素共有 2个（li 与 a）。所以在 1 中的特异度为 122。 在 2 中，id 选择器有 0个，类与伪类共有 2个（.hd与 .links）,元...

一、常见的值二、长度三、颜色 1. RGB 表示方法（由红、绿、蓝组成） 对应的表示方法（【左边】16进制表示，【右边】RGB表示方法）： 2. HSL 表示方法（由色相、饱和度、亮度组成） 3. 关键字表示方法 4. 透明度（用 α 阿尔法来表示） α 的取值范围：0~1（0 的时候完全透明，1 的时候不透明） 透明度相应的表示： ...