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