自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 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-sizerem:相当于根元素的一个 font-sizefont-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)HSL1.长度单位(1)像素​ —屏幕(显示器)实际上是由一个一个的小点点构成的​ —不同屏幕的像素大小是不同的,像素越小的屏幕显示的效果越清晰​ —所以同样的200px在不同的设备下显示效果不一样(2)百分比​ —可以将属性值设置为相对其父元素属性的百分比​ —设置百分比可以使子元素跟随父元素的改变而改变<!DOCTYP

2021-07-16 16:13:47 425

原创 html部分知识

1.实体 <p> 今天是&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4月6日! </p> <h1> 5&lt;8 </h1>2.meta标签​ meta主要用于设置网页中的一些元数据,元数据不是给用户看​ =

2021-07-01 18:07:42 693

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除