![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML&CSS
十安
这个作者很懒,什么都没留下…
展开
-
前端学习笔记(HTML&CSS)(07)浮动和定位
前端学习笔记(HTML&CSS)(07) 浮动(float) 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 浮动的特点: 浮动元素会完全脱离文档流,不再占据文档流中的位置 设置浮动以后元素会向父元素的左侧或右侧移动, 浮动元素默认不会从父元素中移出 浮动元素向左或向右移动时,不会超过它前边的其他浮动元素 如果浮动元素的上边是一个没有浮动的块元素,则浮动元素无法上移 浮动元素不会超过原创 2020-05-09 22:03:40 · 228 阅读 · 0 评论 -
前端学习笔记(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 · 304 阅读 · 0 评论 -
前端学习笔记(HTML&CSS)(06)CSS盒子模型
前端学习笔记(HTML&CSS)(06) CSS盒子模型(Box Model) 盒子模型(Box Model)简介 CSS将页面中的所有元素都设置为了一个矩形的盒子 将元素设置为矩形的盒子后,对页面的布局就变成将不同的盒子摆放到不同的位置 每一个盒子都由一下几个部分组成: 内容区(content) 内边距(padding) 边框(border) 外边距(margin) ...原创 2020-05-08 14:18:30 · 120 阅读 · 0 评论 -
前端学习笔记(HTML&CSS)(05)CSS选择器
前端学习笔记(HTML&CSS)(05) CSS CSS简介 网页分成三个部分: 结构(HTML) 表现(CSS) 行为(JavaScript) CSS层叠样式表 网页实际上是一个多层的结构,通过CSS可以分别为网页的每一个层来设置样式而最终我们能看到只是网页的最上边一层 总之一句话,CSS用来设置网页中元素的样式。 CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多...原创 2020-05-06 23:03:48 · 125 阅读 · 0 评论 -
前端学习笔记(HTML&CSS)(04)超链接
前端学习笔记(HTML&CSS)(04) 超链接标签 超链接 超链接可以让我们从一个页面跳转到其他页面,或者是当前页面的其他的位置。 使用 a 标签来定义超链接 <a href=""></a> 属性: href 指定跳转的目标路径 值可以是一个外部网站的地址 也可以写一个内部页面的地址 <a href="https://www.baidu.co...原创 2020-05-06 21:13:37 · 268 阅读 · 0 评论 -
前端学习笔记(HTML&CSS)(03)语义化标签
前端学习笔记(HTML&CSS)(03) 语义化标签 块元素(block element) 在网页中一般通过块元素来对页面进行布局 常见块元素(block element) <address>writen by 十安</address> <!--<address> 标签定义文档或文章的作者/拥有者的联系信息。-->...原创 2020-05-04 21:53:44 · 209 阅读 · 0 评论 -
前端学习笔记(HTML&CSS)(02)
前端学习笔记(HTML&CSS)(02) 实体(entity) HTML 中的预留字符必须被替换为字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。 如果我们需要在网页中书写这些特殊的符号,则需要使用html中的实体(转义字符) 实体符合展示 <p>空格 小于号 < ...原创 2020-05-04 12:21:38 · 141 阅读 · 0 评论 -
前端学习笔记(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 · 127 阅读 · 0 评论