- 博客(7)
- 收藏
- 关注
RSS订阅原创 css 简单的布局实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-08-12 09:35:35
110
原创 字体族与图标字体
1.字体族 (1)字体相关的样式 color 用来设置字体颜色 font-size 字体大小 和font-size 相关的单位 em：相当于当前元素的一个 font-size rem：相当于根元素的一个 font-size font-family 字体族(字体的格式) 可选值： serif 衬线字体 sans-serif 非衬线字体 monospace 等宽字体 指定字体的类别，浏览器会自动使用该类别下的字体 font-family 可以同时指定多个
2021-08-12 09:28:44
154
原创 文档流和盒模型
文档流和盒模型 文章目录文档流和盒模型1.文档流(1)网页是一个多层的结构，一层叠着一层，作为用户只能看到最顶上一层。通过css可以分别为每一层设置样式(2)最底下一层称为文档流，文档流是网页的基础，我们所创建的元素默认都是在文档流中进行排列(3)元素主要有两个状态：在文档流中 不在文档流中(脱离文档流)(4)在文档流中的特点2.盒模型(1)盒子模型—box model(2)内容区(3)边框(border)边框属于盒子边缘，边框里边属于盒子内部，除了边缘都是盒子的外部。边框大小会影响到整个盒子的大小要设置边
2021-08-04 20:43:14
1005
原创 继承与权重
继承与权重 文章目录继承与权重1.继承(1)样式的继承，为一个元素设置的样式同时也会应用到它的后代元素上(2)继承是发生在祖先和后代之间的(3)继承的设计是为了方便我们的开发，利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上，只需设置一次即可让所有的元素都具有该样式2.选择器的权重(1)当我们通过不同的选择器选中相同的元素，并且为相同的样式设置不同的值时，便发生了样式的冲突(2)发生样式冲突时，应用哪个样式由选择器的权重(优先级)决定(3)选择器的权重(4)比较优先级时，需要将所有的选择器的优先级
2021-08-02 16:20:14
452
原创 CSS选择器
CSS选择器 文章目录CSS选择器1.css简介（1）网页分为三个部分：结构(html)、表现(CSS)、行为(JavaScript)（2）CSS—层叠样式表（3）通过CSS来修改元素的样式2.CSS语法（1）选择器，通过选择器可以选中页面中指定元素，比如 p 的作用就是选中页面中所有元素的p元素（2）声明块，通过声明块来指定要为元素设置的样式，声明块由一个一个的声明组成，声明是一个名值对结构3.常用选择器（1）元素选择器（2）id选择器（3）类选择器（4）通配选择器4.复合选择器（1）交集选择器（2）选择
2021-07-20 20:25:49
62
原创 像素and颜色
像素and颜色 文章目录像素and颜色1.长度单位(1)像素(2)百分比(3)em(4)rem2.颜色单位(1)RGB值(2)RGBA(3)十六进制的RGB值(4)HSL 1.长度单位 (1)像素 —屏幕(显示器)实际上是由一个一个的小点点构成的 —不同屏幕的像素大小是不同的，像素越小的屏幕显示的效果越清晰 —所以同样的200px在不同的设备下显示效果不一样 (2)百分比 —可以将属性值设置为相对其父元素属性的百分比 —设置百分比可以使子元素跟随父元素的改变而改变 <!DOCTYP
2021-07-16 16:13:47
425
原创 html部分知识
1.实体 <p> 今天是 4月6日！ </p> <h1> 5<8 </h1> 2.meta标签 meta主要用于设置网页中的一些元数据，元数据不是给用户看 =
2021-07-01 18:07:42
693
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人