自定义博客皮肤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-relative 1.position-absolute 1.position-fixed 1.position-sticky 三、课程总结 四、

2020-08-18 16:53:14 116

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

一、基础介绍 float中有四个基本参数,左浮动,右浮动,不浮动,继承浮动。利用float可以实现文字环绕图片,但是会导致父元素塌陷问题,但是清除浮动副作用有四种解决方法 二、float属性介绍 1.float基本参数 float 的四个参数 float:left float:right float:none; float:inherit 2.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 163

空空如也

空空如也

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

TA关注的人

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