自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS盒子模型之外边距合并

前面已经简单将盒子模型的属性简单讲述完毕,今天针对margin外边距讲一下合并问题。在使用margin定义块元素的垂直外边距时,可能会出现外边距的合并。

2023-12-06 22:11:08 506 1

原创 CSS盒子模型之外边距——margin

marign-left、marign-right、marign-top、marign-bottom分别代表左、右、上、下外边距。【注意】以上方法是让块级元素水平居中,行内元素或者行内块元素水平居中,给其他父元素添加text-align:center即可。在往期文章中已经介绍过了盒子模型中的边框border和内边距padding,今天我们就来简单讲讲外边距——margin。1:盒子必须指定了宽度。2:盒子左右的外边距都设置为auto。margin属性用于设置外边距,即控制盒子与盒子之间的距离。

2023-12-05 20:23:40 500

原创 CSS盒子模型之内边距——padding

padding-left、padding-right、padding-top、padding-bottom分别指的是左、右、上、下内边距。(表示上5像素内边距,左右10像素内边距,,下20像素内边距)(表示上5像素,右10像素,下20像素,左30像素,在之前文章中已经介绍过了CSS盒子模型中的边框(border),今天来介绍盒子中的内边距——padding。如果盒子已经有了宽度和高度,此时再指定内边框,会撑大盒子。新手小白,欢迎交流学习,如有错误欢迎指正!

2023-12-04 17:31:11 543

原创 CSS盒子模型之边框——border

(常用的边框样式有:无边框none、实线边框solid、点线边框dotted、虚线边框dashed、双线边框double)就是 把HTML页面中的布局元素看作是一个矩形盒子,也就是装内容的容器,CSS盒子模型本质上是一个盒子,封装周围的HTML元素,2、如果测量的时候包含了边框,则需要wideh/height减去边框的宽度。边框由三部分组成:边框的宽度(粗细)、边框的样式、边框的颜色。border-collapse属性控制浏览器绘制表格边框的方式,它控制相邻单元格的边框。是定义边框的粗细,单位是px。

2023-12-03 13:55:03 819 1

原创 CSS之背景

本篇文章将简单介绍背景的用法。

2023-11-24 19:12:15 435

原创 JAVA中indexOf()和lastindexOf()方法

在JAVA的String类中封装了字符串常用的方法,如:length()、indexOf()、charAt()、subString()、startsWith()等,这些方法可以获取字符串某方面的特性。从指定索引处startIndex开始从右向左查找,并返回从右向左查找到的第一个索引。(下面例子中,从索引8“d”开始向右查找,索引为5开始的“abc”符合,返回值为5)从指定索引处startIndex开始查找,返回第一次出现str在此字符串中的索引。从右开始查找并返回第一次出现str在此字符串中的索引。

2023-11-22 17:53:50 704 1

原创 CSS的三大特性

CSS继承:子标签汇集成父类标签的某些样式,如文本颜色和字号(子承父业)。恰当的使用可以简化代码,降低CSS样式的复杂性。子元素可以继承父类元素的样式(tesxt- ,font-,line-这些类,以及color属性)。原则:1. 样式冲突:遵循的原则就是就近原则,哪个样式离结构近,就执行哪个。1. 选择器相同,则执行层叠性;2. 不同则根据选择器的权重执行。2. 样式不冲突,不会层叠。当一个元素指定多个选择器,就会有优先级产生。层叠性主要解决样式冲突问题。层叠性、继承性、优先级。

2023-11-20 17:48:41 349

原创 CSS使文字可以在盒子中垂直居中

如果规定盒子高度为50px,文字大小14px,并在此规定文字行高为50px,则上下空隙平分为(50-14)/2=18px,这样文字就恰好在这个盒子中垂直居中。在CSS中并没有可以让文字在盒子里垂直居中的方法,所以我们可以让文字的行高等于盒子的高度,就可实现文字在当前盒子内垂直居中。文字行高包括3部分:上空隙、文字内容、下空隙。(新手小白记录日常学习,如有错误,欢迎指正!例子:做个样式如下(其中文字部分为链接)

2023-11-18 15:01:41 180

空空如也

空空如也

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

TA关注的人

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