德芭贝贝同学今天code了吗
  • Home
  • Archives
  • Categories
  • Tags
  • About

页面布局三大核心之一:盒子模型

盒子模型 最近准备找前端实习和工作啦,就在博客上总结一下布局的三大核心:盒子模型,浮动和定位。剩下两个也有单独的讲解~ 页面布局的本质:利用CSS设置好盒子样式,摆放到相应的位置。(听起来好像很简单,坑很多) 盒子模型的组成:把HTML布局元素看成一个矩形的盒子,封装周围的元素,包括:边框border、内边距padding、外边距margin和实际内容content 2.1 边框borde
2023-05-15
front-end
#css #box-model

在md文档中引入icon

尝试如何在markdown文档中引入可爱的icon图标最近写自己的技术博客的时候,在一些地方很想插入一些可爱的图标,就想着用之前做项目的时候使用的Font Awesome图标库引入文档,由此插入其中的icon。下面是官方的地址: https://fontawesome.com/ 具体步骤:step1: 引入Font Awesome的js文件 (注:位置要放在head标签内) step
2023-05-15
front-end
#lib

CSS层叠时的优先级问题

CSS层叠时的优先级问题 今天在写样式的时候发现一个样式怎么也不显示,找了一圈发现是样式冲突了,css会优先执行优先级更高的样式。特意复习一下css中的优先级好啦~ 下面的选择器权重从小到大 (ps: 也就是越往下越会优先执行) 继承 或者通配符选择器* 元素选择器 e.g. p {} 类选择器,伪类选择器 e.g. .para{} .nav:hover{}
2023-05-15
front-end
#css

css文字对齐

css文字对齐包括水平对齐和垂直对齐 水平对齐 text-align text-align属性默认值是left,也就是靠左侧对齐文字,如果想水平方向居中显示,则需要对元素的样式设置text-align: center 垂直对齐 line-height = height 在css中没有相对应的属性可以设置文字垂直居中,但是一个小trick就是使这一行文字的line-height等于设
2023-05-15
front-end
#css

my first blog

##This is my first blog and try it here!!
2023-05-12
#try
1…678

Search

Hexo Fluid