自定义博客皮肤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)
  • 收藏
  • 关注

原创 边框及浮动布局

浮动元素直到遇到父级元素或者同级浮动元素的边沿时停下,多个浮动元素相遇会按照内联的排列方式进行排列。给浮动元素添加,添加后可以控制当前元素不以内联排列的方式去找其他浮动元素。1.加高法给父元素添加高度,值大于等于浮动子元素的高度,把浮动元素关在有高度的盒子之内。使用浮动布局,必须在最后一个浮动元素结束的地方清除浮动,否则会影响后续页面,也会导致父元素不能根据内容显示高度。多个浮动元素相遇会按照内联的排列方式进行排列,会覆盖页面中正常的文档流中的内容。2.元素使用浮动元素之后会脱离文档流,参与浮动文档流;..

2022-07-20 20:32:30 236 1

原创 图片及元素内容溢出的心得体会

一种是像素,另一种是百分比计算方法,如上图,图片每行每列都是7个,自己设置一个宽高,并且使background-size的宽高是自己设置宽高的7倍或者是700%。图片精灵的定位前者的值是从左往右,后者的值是从上往下,从0开始作为第一个开始数,其前后值都为负的,当从右往左,从下往上数时,是从1开始,其值为正数。元素溢出是当元素固定宽高,不被内容撑开时,如果内容的宽高超出元素本身的宽高,超出元素边界的内容仍会显示。根据容器的最大值设置图片的大小,将图片比例缩放至完全覆盖整个容器,图片可能会超出容器。...

2022-07-20 19:59:33 225

原创 form表单的使用方法及说明

form表单是一个较为复杂的系统标签,其内部又可以包含一些很多的输入标签。比如文本框、多行文本框、单选框、复选框、下拉框等等。action表示的含义是当表单提交的时候,将数据发往何处。

2022-07-18 20:12:45 2412

原创 列表及表格的使用

通常dl定义自定义列表,默认样式上下有16px外边距,值会根据内容文本大小改变;dt定义列表的项,dd是对于列表项的描述。

2022-07-17 16:30:11 530

原创 前端开发总结

也就是所说的基线对齐。因为HTML代码在书写的时候为了保持美观,每个元素会单独写一行,所以元素之间会有空格和回车,这些空格和回车在页面解析的时候会解析为一个空格,间隙就是这个空格造成的。3.在嵌套中,后代元素会相对外层有定位(非static的定位)的元素的左上角出发,如果都没有定位,则从相对页面的左上角出发。一个元素内部的子元素采用流式布局时,这个元素内部就会形成一个文档流,每个子元素在文档流中都有自己的位置。1.元素添加绝对定位之后,会脱离文档流,不占据文档流中的位置,位置会被正常文档流中的内容所替代。.

2022-07-14 20:18:08 277

原创 关于盒子模型的前端总结

目录1.Css的基本样式字体样式图像的宽高颜色的选择2.盒子模型什么是盒子模型?盒子模型的特性 标准盒子与怪异盒子模型的表现效果的区别3.盒子模型的外边距与内边距 margin:外边距padding:内边距 4.margin合并的解决办法margin-top合并解决办法margin-bottom合并的解决办法不让空div合并的方法5.元素转换 块元素的特点行元素的特点行内块元素的特点 总结 css的基本样式有很多很多,但平时能够经常用到的样式可以分为字体、图像的宽高

2022-07-13 20:29:19 371

原创 初步学习Css的心得体会

Css全称为Cascading Style Sheets,它是层叠样式表,是描述标记语言页面格式的标准/语言。主要用于描述网页的表示,即布局和格式。在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。...

2022-07-12 20:17:58 1394

原创 初学HTML5,关于标签类和转义字符的学习心得

HTML是用来描述网页的一种语言,指的是超文本标记语言 (Hyper Text Markup Language)。

2022-07-11 20:35:26 897

空空如也

空空如也

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

TA关注的人

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