- 博客(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关注的人