自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 盒子模型(padding margin)

互相嵌套的块级元素 ,子元素的 margin-top 会作用在父元素上,结果导致父元素一起往下移动。

2024-02-26 19:50:37 431 1

原创 CSS三大特性理解

可以简单记忆: 通配符和继承权重为0, 标签选择器为1,类(伪类)选择器为 10, id选择器 100, 行内样式表为 1000,!important 无穷大.body 行高 1.5 这样写法最大的优势就是里面子元素可以根据自己文字大小自动调整行高。继承的权重是0, 如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是 0。可以理解为类选择器永远大于元素选择器, id选择器永远大于类选择器,以此类推.同一个元素指定多个选择器时,就会有优先级的产生。简单的理解就是:子承父业。

2024-02-05 12:06:59 437 1

原创 CSS的复合选择器

在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的复合选择器可以更准确、更高效的选择目标元素(标签)常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等选择器作用特征使用情况隔开符及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格 .nav a子代选择器选择最近一级元素只选亲儿子较少。

2024-02-02 18:24:53 871

原创 CSS选择器,字体属性和文本属性

基础选择器作用特点使用情况用法标签选择器可以选出所有相同的标签,比如 p不能差异化选择较多类选择器可以选出1个或多个标签可以根据需求选择非常多id选择器一次只能选择1个标签ID属性只能在每个HTML文档中出现一次一般和js搭配通配符选择器选择所有的标签选择的太多,有部分不需要特殊情况使用每个基础选择器都有使用场景,都需要掌握。如果是修改样式,类选择器是使用最多的。属性表示注意点font-size字号我们通常用的单位是px像素,一定要跟上单位字体。

2024-01-23 12:38:18 975 1

原创 边学边总结系列—CSS三大特性,CSS注释,综合总结案例 代码

【代码】边学边总结系列—CSS三大特性,CSS注释,综合总结案例 代码。

2024-01-22 13:36:48 350

原创 边学边总结系列—CSS选择器,字体属性,文本外观 ,总结案例 代码

【代码】边学边按总结系列—CSS选择器,字体属性,文本外观 ,总结案例 代码。

2024-01-22 13:30:20 324

空空如也

空空如也

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

TA关注的人

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