自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端入门学习笔记(四)之CSS定位

一、基础介绍学习五种定位模型:static:自然模型relative:相对定位模型absolute:绝对定位模型fixed:固定定位模型sticky:磁贴定位模型二、position属性详解1.position-static定义:块或行等元素垂直排列下去,行内元素从左到右此时top,botton或z-index都没用1.position-relative1.position-absolute1.position-fixed1.position-sticky三、课程总结四、

2020-08-18 16:53:14 115

原创 前端入门学习笔记(三)之CSS的float浮动

一、基础介绍float中有四个基本参数,左浮动,右浮动,不浮动,继承浮动。利用float可以实现文字环绕图片,但是会导致父元素塌陷问题,但是清除浮动副作用有四种解决方法二、float属性介绍1.float基本参数float 的四个参数float:leftfloat:rightfloat:none;float:inherit2.float文字环绕图片给图片设置左浮动,能让文字环绕图片如果一个元素没有内容,但是样式中设置宽和高和背景颜色,此时页面中不显示,但是设置浮动效果会显示样式中

2020-08-17 16:38:58 304

原创 前端入门学习笔记(一)之HTML入门

前提条件:sublime和相关插件的安装一、基础介绍标签基本格式<标签名>标签内容</标签名>例子1:<p>加内容</p>例子2:<input type="text" /> </br>2. HTML结构元素的顺序【插入图片】二、HTML语义化标签了解了HTML的作用和基础的语法,学了HTML语义化标签。例如标题、段落标签、font标签、链接标签、图像、列表和div标签标题标签一共6个标题样式<b

2020-08-16 15:58:15 190

原创 前端入门学习笔记(二)之CSS入门

第1章 什么是CSS以及CSS的使用1.课程介绍CSS基础入门:什么是CSS以及为什么要使用CSS基础语法:CSS声明、规则、引入方式和命名规范等CSS选择器:选择器、伪元素、伪类和选择器的优先级别等CSS样式:背景、本文、链接、列表和表格等CSS布局:三行两列、两行三列2.定义CSS指层叠样式表(Cascading Style Sheets)1.CSS的重要作用是在不同的浏览器中显示相同的样式2.解决html内容与表现分离的问题第2章 CSS的声明、内外联样式以及CSS的优先级别1

2020-08-07 23:41:41 162

空空如也

空空如也

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

TA关注的人

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