自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 定位position

静态定位是所有元素的默认定位方式,当position属性的取值为static时,可以将元素定位于静态位置。相对定位是将元素相对于它在标准流中的位置进行定位,当position属性的取值为relative时,可以将元素定位于相对位置。如果要对一个子元素使用定位的话,让子元素(绝对定位)以其父元素(相对定位)为标准来定位。绝对定位是将元素依据最近的已经定位(绝对、固定或相对定位)的父元素(祖先)进行定位。相对定位最重要的一点是,它可以通过边偏移移动位置,但是原来的所占的位置,继续占有。

2024-06-20 23:12:01 1468

原创 浮动float(6.19)

元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。选择器{float:属性值;float:none;float:left;

2024-06-20 13:10:10 457

原创 网页框架分析

* 页面内容 */body {.header {.title {.father {*/.tu2,.tu3 {.da {.xiao {img {left: 0;right: 0;bottom: 0;

2024-06-19 23:59:40 276

原创 css三大模块之一——盒子模型

padding(内边距)border(边框)margin(外边距)

2024-06-18 23:59:11 2204

原创 6月17日知识点总结

字体、字号、颜色、行距等可以在body元素中统一设置,然后通过继承影响文档中所有文本。当同一个元素被两个选择器选中时,CSS会根据选择器的权重决定使用哪一个选择器。3.设置为cover时,会自动调整缩放比例,保证图片始终填充满背景区域,如有溢出部分则会被隐藏。书写CSS样式表时,子标签会继承父标签的某些样式,如文本颜色和字号。保持标记位于文本的左侧,列表项目标记放置在文本以外,且环绕文本不根据标记对齐。2.不具有继承性: 边框、外边距、内边距、背景、定位、元素高属性。2.定义使用iconfont的样式。

2024-06-17 23:53:09 1492

原创 6.16查漏补缺

ul></ul>无序标签里面只能包含li 没有顺序,我们以后布局中最常用的列表<ol></ol>有序标签里面只能包含li 有顺序, 使用情况较少<dl></dl>自定义列表里面有2个兄弟, dt 和 dd。

2024-06-16 22:43:24 380

原创 精灵技术的实现——精灵图

css精灵技术

2024-06-15 19:45:45 576

原创 6月14日web学习笔记总结

在网页中引入精灵图后,只需要一次HTTP请求就可以加载所有的小图标或图片,然后通过改变CSS的background-position属性来显示不同的图片部分。我们需要使用CSS的background-image background-repeat background-position属性进行背景定位,其中最关键的是使用background-position 属性精确地定位。2.后代选择器->用来选择元素或元素组的子孙后代->精准选择。特点:不独占一行,不可以设置宽和高,宽和高由内容撑开。

2024-06-14 23:04:34 575

原创 web的学习心得1

十六进制颜色值每2位为一个颜色分量,分别表示颜色的红、绿、蓝3个分量,当3个分量的2位十六进制数都各自相同时,可以使用css缩写,如#F6600可以缩写为#F60。作为一个在大学浑水摸鱼了三年的人,这次的前端学习对别人来说是复习,对我而言是学习。/*px像素,一般浏览器默认为16px,可以替换em,em:相对字体长度单位*/normal,bold,bolder,lighter分别是正常,加粗,更粗,更细*/基线到基线之间的距离为行高。文本行之间的距离,即字符间的垂直间距,一般称为行高。

2024-06-14 01:15:20 489

空空如也

空空如也

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

TA关注的人

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