十安-CSDN博客

原创前端学习笔记（HTML&CSS）（07）浮动和定位

前端学习笔记（HTML&CSS）（07）浮动（float)浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。浮动的特点：浮动元素会完全脱离文档流，不再占据文档流中的位置设置浮动以后元素会向父元素的左侧或右侧移动，浮动元素默认不会从父元素中移出浮动元素向左或向右移动时，不会超过它前边的其他浮动元素如果浮动元素的上边是一个没有浮动的块元素，则浮动元素无法上移浮动元素不会超过

2020-05-09 22:03:40 261

原创前端学习笔记（HTML&CSS）（06）CSS盒子模型练习

前端学习笔记（HTML&CSS）（05）练习一：图片列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0...

2020-05-08 14:24:43 324

原创前端学习笔记（HTML&CSS）（06）CSS盒子模型

前端学习笔记（HTML&CSS）（06）CSS盒子模型（Box Model）盒子模型（Box Model）简介CSS将页面中的所有元素都设置为了一个矩形的盒子将元素设置为矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置每一个盒子都由一下几个部分组成：内容区（content）内边距（padding）边框（border）外边距（margin）...

2020-05-08 14:18:30 133

原创前端学习笔记（HTML&CSS）（05）CSS选择器

前端学习笔记（HTML&CSS）（05）CSSCSS简介网页分成三个部分：结构(HTML)表现(CSS)行为(JavaScript)CSS层叠样式表网页实际上是一个多层的结构，通过CSS可以分别为网页的每一个层来设置样式而最终我们能看到只是网页的最上边一层总之一句话，CSS用来设置网页中元素的样式。CSS 语法CSS 规则由两个主要的部分构成：选择器，以及一条或多...

2020-05-06 23:03:48 138

原创前端学习笔记（HTML&CSS）（04）超链接

前端学习笔记（HTML&CSS）（04）超链接标签超链接超链接可以让我们从一个页面跳转到其他页面，或者是当前页面的其他的位置。使用 a 标签来定义超链接 <a href=""></a>属性：href 指定跳转的目标路径值可以是一个外部网站的地址也可以写一个内部页面的地址 <a href="https://www.baidu.co...

2020-05-06 21:13:37 290

原创前端学习笔记（HTML&CSS）（03）语义化标签

前端学习笔记（HTML&CSS）（03）语义化标签块元素（block element）在网页中一般通过块元素来对页面进行布局常见块元素（block element） <address>writen by 十安</address> ...

2020-05-04 21:53:44 240

原创前端学习笔记（HTML&CSS）（02）

前端学习笔记（HTML&CSS）（02）实体（entity）HTML 中的预留字符必须被替换为字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符）实体符合展示<p>空格   小于号 < ...

2020-05-04 12:21:38 154

原创前端学习笔记（HTML&CSS）（01）

前端学习笔记（HTML&CSS）（01）HTML从今天开始，会开始记录一下学习前端HTML的相关知识。什么是HTML HTML是一种用来描述网页的一种语言 1. **HTML**：指超文本标记语言，Hyper Text Markup Language； 2. **HTML** 不是一种编程语言，而是一种标记语言 3. 标记语言是一套标记标签 (markup tag)...

2020-04-28 21:21:47 138

weixin_44263871的博客