自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 什么是盒子模型?

盒子模型:(框模型)Css处理网页时,认为每个元素都包含在一个不可见的盒子里为什么要想象成盒子?因为如果把所有的元素都想象成盒子,那么我们对网页的布局就相当于是摆放盒子我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局盒子模型:一个盒子会分成几个部分:内容区:内边距:边框:外边距:...

2021-07-09 00:09:14 80

原创 文本样式 、文本修饰

文本样式:text-transform:可以用来设置文本的大小写可选值:none:默认值 capitalize:单词的首字母大写uppercase:所有的字母都是大写lowercase:所有的字母都是小写主要代码如下:.p1{text-transform:capitalize;}文本的修饰:text-decoration属性,用来给文本添加各种修饰,通过它可以为文本的上方,下方,或者中间添加线条可选值:underline:为文本添加下划线Overline:为文本添加上划线L.

2021-07-09 00:03:14 466

原创 行高、行高的作用

主要内容:1.行高是什么?2.行高的作用1.行高是什么?行高: 线与线之间的距离就是行高,网页中的文字实际上也是写在一个看不见的线中,文字会默认在行高中垂直居中显示行间距: Css中没有提供一个直接设置行间距的方式,只能通过设置行高,间接设置行间距,行高越大,间距越大 使用line-height来设置行高主要代码如下:.p1{line-height:40px;}行间距=行高-字体大小简单总结:通过设置line-height可以间接的设置行高,可...

2021-07-08 00:10:48 1868

原创 字体样式分类

字体分类主要分为五大类: sans-serif(衬线字体)monospace(等宽字体)cursive(草书字体)fantasy(虚幻字体)字体样式: font-style:italicized;(设置文字斜体)font-style可以用来设置文字的斜体可选值:normal,默认值,文字正常显示 italic 文字会以斜体显示 oblique 文字会以倾斜的效果显示 大部分浏览器都不会对倾斜和斜体做区分主要代码如下:.p1{color:red;fo...

2021-07-06 23:56:11 568 2

原创 2021-07-05

颜色单位:十六进制的rgb表示颜色,使用三组两位的十六进制数组来表示一个颜色,每组表示一个颜色,第一组表示红色的浓度,范围00-ff第二组表示绿色的浓度,范围00-ff第三组表示蓝色的浓度,范围00-ff语法:#红色绿色蓝色十六进制:0123456789abcdef00-ff00表示没有,相当于rgb中的0ff表示最大,相当于rgb中的255代码:background-color:#ff0000(红色)两位重复的颜色,可以简写例:#ff0000可以写成#f00字体样式:也可以使用r

2021-07-05 23:59:41 48

空空如也

空空如也

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

TA关注的人

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