Mounn-优快云博客

原创 div盒子制作爱心

div盒子制作爱心图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

2021-07-14 14:15:02 445

原创 html制作简易课程表

html制作简易课程表利用html表格table标签制作超简易课程表，快去试试！源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt

2021-07-14 09:22:44 1903

原创 html制作登陆注册页面

html制作登陆注册页面源代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-07-14 09:13:54 3039

原创 20210713学习记录 | 盒子模型详解

20210713学习记录 | 盒子模型详解组成 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。外边距（margin） margin属性用于设置外边距。设置外边距会在元素之间创建“空白”，这段空白通常不能放置其他内容。 margin-top:上外边距 margin-right:右外边距 margin-bottom:下外边距 margin-left:上外边距简写： margi

2021-07-14 09:09:18 259

原创 20210712学习记录 | CSS相关知识点

20210712学习记录 | CSS相关知识点 css复合选择器交集选择器两个选择器其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格。标签.类名例：div.box{ } ( 用的相对来说比较少，不太建议使用。) 并集选择器各个选择器通过逗号连接而成的，任何形式的选择器（包括标签选择器、class类选择器，id选择器等），都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式。通常用于集体声明后代选择

2021-07-12 19:10:43 311

原创 20210709学习记录 | css的使用（入门级）

20210709学习记录| css的使用（入门级） css的三种使用方式行内样式直接在标签内使用【不推荐使用】内联样式在head元素中使用【多用于demo】外联样式引用外部CSS文件【实际开发中主要使用】引用方法： css字体样式属性字体大小 font-size 单位：px em px：像素 em：相对字体长度单位注意：em值不固定，会继承父级元素的字体大小方便记忆：2em=2n px（n为父级元素字体大小） eg:浏览器默认文字大小为16px 浏览器识别最小的字号会为12px

2021-07-10 14:47:58 137

原创 20210708学习总结html | 列表、表格和表单

20210708学习总结 | html列表、表格和表单列表无序列表基本样式 <ul> <li>无序列表项</li> <li>无序列表项</li> <li>无序列表项</li> </ul> 实际应用常见网站导航栏 · 注意：ul内只能嵌套li，不能嵌套其他标签，且li内仍能嵌套ul，但至多为三层例: <ul>

2021-07-10 13:55:41 175

原创 2021-07-07学习总结| vsCode的使用

2021-07-07学习总结 | vsCode的使用学习记录开发工具： vsCode 下载地址链接: 官网下载优点：免费开源，可一键安装各类实用插件关于汉化把中文插件Chinese(simplified) 安装一遍，然后重启软件即可。在浏览器中打开网页安装插件：Open HTML in Default Browser • 用默认浏览器打开 HTML 文件其他常用插件 HTML Boilerplate 你只需在空文件中输入 html，选中html:5即可生成一个新的网页文件，也可以输入

2021-07-10 13:10:31 264

Mounn的博客