自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(82)
  • 问答 (1)
  • 收藏
  • 关注

原创 18-2D转换

2D转换

2022-09-20 19:44:33 137

原创 17-CSS3过渡

CSS3过渡

2022-09-20 19:43:30 237

原创 16-CSS3

css3

2022-09-20 19:42:54 517

原创 15-弹性盒模型

弹性盒模型

2022-09-20 19:42:19 766

原创 14-兼容性处理

兼容性处理(css or html)

2022-09-20 19:41:49 409

原创 13-H5新特性

H5新特性

2022-09-20 19:41:01 474

原创 12-BFC和IFC

BFC和IFC

2022-09-20 19:40:13 273

原创 11-定位

定位

2022-09-19 12:53:57 128

原创 10-浮动

浮动

2022-09-19 12:53:27 86

原创 09-选择器

选择器

2022-09-19 12:52:57 232

原创 08-标准盒模型和怪异盒模型

盒模型

2022-09-19 12:52:19 292

原创 07-标签的分类及相互转换

标签的分类及相互转换

2022-09-19 12:51:40 289

原创 06-CSS基础

css基础

2022-09-19 12:19:16 315

原创 05-HTML常用标签

html常用标签

2022-09-19 12:18:44 586

原创 04-开发工具的使用

vscode的使用

2022-09-19 12:18:12 171

原创 03-HTML简介

html 简介

2022-09-19 12:17:30 219

原创 01-typora使用

html 01

2022-09-19 12:16:32 74

原创 黑马第8天

网站图标<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">精灵图<style> .box { width: 24px; height: 13px; background-color: pink; margin: 100px auto; background-image: url(./topbar.png); backg

2022-03-22 22:15:37 66

原创 【无标题】

overflow 用法 <style> .box { width: 300px; height: 500px; background-color: pink; /* overflow 的值可以是 hidden auto内容超出自动出现滚动条 scroll 不管超出没超出,都有滚动条出现*/ /* overflow: scroll; */ /* 可以单独设置x方向和y方向的滚动条 */ overflow

2022-03-22 22:09:45 64

原创 黑马第7天上

定位的分类 <style> .father { width: 500px; height: 700px; border: 3px solid #000; margin: 100px auto; /* 设置绝对定位的参照物 */ position: relative; } .son1 { width: 200px; height: 200px; backgroun

2022-03-22 21:56:52 80

原创 黑马第6天

清除浮动<style> /* 清除浮动: 1. 给父盒子 设置高度 2. 在父盒子儿子得最后面,加一个空盒子,然后给空盒子设置样式:clear: both; 3. 在父盒子身上添加clearfix类名,然后给这个类名下的伪元素添加清除浮动样式 (双伪元素差不多) ⭐ 4. overflow: hidden; -> 触发了BFC */ /* .clearfix { clear: both;

2022-03-22 21:34:30 92

原创 黑马第5天

margin的塌陷现象 <style> .father { width: 200px; height: 300px; background-color: pink; margin: 0 auto; /* border-top: 1px solid #000; */ /* padding-top: 1px; */ /* 以下三种方式实际上是一种方式,因为他们都触发了BFC 块级格式化上下文,

2022-03-22 21:32:11 63

原创 黑马第4天

并集选择器 <style> /* 给下面的div p strong section 设置文字颜色为红色 */ /* 并集 : xxx 和 yyy */ div, p, strong, section, .logo { color: red; } </style></head><body> <div>div</div>

2022-03-22 21:21:44 63

原创 2022年3月15日黑马第三天

<style> header { /* 高度 */ height: 80px; /* 宽度 */ width: 80px; /* 背景颜色bgc */ background-color: pink; } main { height: 60px; background-color: red; } footer { height: 40px; .

2022-03-15 21:42:10 113

原创 2022年3月14日黑马程序员第二天

<!-- 表格标签 --> <table border="1" width="200" height="200"> <!-- 表格标题caption --> <caption>表格标题</caption> <!-- 表格头部 --> <thead> <!-- 一个tr代表一行 --> <!-- thead中的tr中使用的是th来生成列 --&g..

2022-03-14 20:50:46 121

原创 2022年3月11号黑马培训的第一天

黑马程序员

2022-03-11 20:51:35 202

原创 11.vscode

2.元素的显示模式2.1什么是元素的显示模式作用:网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素(标签)以什么方式进行显示,比如自己占一行,比如一行可以放多个.HTML元素-般分为块元素和行内元素两种类型。2.2块元素常见的块元素有<h1>~<h6>. <p>. <div>. <ul>、 <ol>. <li>等 ,其中<div>标签是最典

2021-05-30 21:47:52 2567 2

原创 10.vscode

1.Emmet语法1.1快速生成HTML结构语法1.生成标签直接输入标签名按tab键即可 比如div 然后tab键,就可以生成 2.如果想要生成多个相同标签加上就可以了比如div3 就可以快速生成3个div3.如果有父子级关系的标签,可以用>比如ul > li就可以了4.如果有兄弟关系的标签,用+就可以了比如div+p5.如果生成带有类名或者id名字的,直接写.demo 或者#two tab 键就可以了6.如果生成的div类名是有顺序的,可以用自增符号$7.如果想要在生成的标签内

2021-05-30 21:46:24 233

原创 09.vscode

5.CSS引入方式5.1CSS的三种样式表按照CSS样式书写的位置(或者引入的方式) , CSS样式表可以分为三大类:1.行内样式表(行内式)2.内部样式表(嵌入式)3.外部样式表(链接式)5.2内部样式表内部样式表(内嵌样式表)是写到html页面内部是将所有的CSS代码抽取出来.单独放到-个<style> 标签中。<style>div {color: red;font-size: 12px;</sty1e>●<style> 标签理

2021-05-29 20:29:05 1419

原创 08.vscode

3.字体属性3.1字体系列CSS使用font-family属性定义文本的字体系列。P { font-family: “微软雅黑”;}div {font- family: Arial, “Microsoft Yahei”, “微软雅黑”;}●各种字体之间必须使用英文状态下的逗号隔开●- 般情况下,如果有空格隔开的多个单词组成的字体加引号.●尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示●最常见的几个字体: body {font- family: ‘Microsoft YaHei

2021-05-26 22:15:23 393

原创 07.vscode

1.css简介1.2网页美容师总结:HTML主要做结构,显示元素内容.CSS 美化HTML ,布局网页.CSS最大价值:由HTML专注去做结构呈现,样式交给Css,即结构(HTML)与样式( CSS )相分离。1.3语法规范使用HTML时,需要遵从-定的规范, CSsS也是如此。要想熟练地使用CSsS对网页进行修饰,首先需要了解CSS样式规则。CSS规则由两个主要的部分构成:选择器以及-条或多条声明。选择器是用于指定CSS 样式的HTML标签,花括号内是对该对象设置的具体样式 &l

2021-05-26 14:53:40 416

原创 2021-05-24

2.列表标签三类 无序,有序,自定义列表2.1无序列表<ul> <li>榴莲</li> <li>臭豆腐</li> <li>鲱鱼罐头</li> </ul>注意:1.无序列表的各个列表项之间没有顺序级别之分,是并列的。2. <ul> </ul>中只能嵌套<li> </li> ,直接在<ul&

2021-05-24 17:02:59 135

原创 2021-05-24

1.表格标签1.1表格标签的作用表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。-一个清爽简约的表格能够把繁杂的数据表现得很有条理。总结:表格不是用来布局页面的,而是用来展示数据的.<table> <tr> <td>1. <table> </table>是用于定义表格的标签。2. <tr> </tr>标签用于定义表格中的行

2021-05-24 16:56:51 140

原创 2021-05-24

4.5标签div(分割分区)标签和 span(跨度,跨距)标签 盒子 无语义<div>一个人独占一行<div/> <span>小盒子<span/>4.6图像和路径<img src=”img.jpg“/> src 图片路径alt 替换文本 title 提示文本<img src="11.jpeg"/> <h4>图像标签的使用</h4>

2021-05-24 16:53:07 79

原创 2021-05-24

vscode的使用1.双击打开软件2.ctrl++放大视图 ctrl-- 缩小视图3.ctrl+N新建 ctrl+s保存4.生成骨架方式。!+table键3.1文档类型声明标签<!DOCTYPE>文档类型声明Langen定义为英文 zh-CN定义语言为中文 <html lang ="en">3.3字符集(charset)<meta charset="UTF-8"/>字符集4.HTML常用标签4.1标签语义4.2标

2021-05-24 16:46:06 83

原创 2021-05-24

1.网页的构成网站的基本元素,后缀名为.htm,.htmlhtml是超文本标记语言,标记语言。通常有,图片,链接,文字,视频等元素常用的浏览器有,IE 火狐 谷歌 safari Opera浏览器内核依次为trident,Gecko webkit Blinkweb标准,结构(整理分类),表现(外观样式),行为(交互)最佳体验方案,结构样式行为分离,结构写道html中,表现写到css中,行为写到JavaScript中html标签 书写规范 骨架标签 写出超链接标签 写出图片标签并说出a

2021-05-24 16:42:48 58

原创 Day06

hello word新建class文件,快捷键psvm,sout注释单行注释 //注释给人看的,是不会被运行的 //多行注释 /* * /文档注释 /** */标识符大小写敏感[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-s1JMhx1X-1618234220856)(C:\Users\main\Desktop\3屏幕截图 2021-04-12 170146.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接

2021-04-12 21:30:40 66

原创 Day05

Helloword1.随便建立一个文件夹,存放代码。2.建立一个java文件​ 文件后缀名为.java​ Hello.java​ 文件可能没有显示后缀名,需要手动打开3.编写代码public class Hello { publiac static void main(String[] args){ System.out.print("Hello,Word!"); }}4.编译javac java,会生成一个calss文

2021-04-11 22:46:15 60

原创 Day04

卸载 JDK查看电脑jdk java-version1.删除java的安装的目录2.删除java_HOME3.删除path下关于java的目录4.java_version安装JDK1.百度搜索jdk8,找到下载地址2.同意协议3.下载电脑对应的版本4.双击安装5.## 记住安装路径6.配置环境变量​ 1.我的电脑–>右键–属性​ 2.环境变量–>JAVA_HOME​ 3.配置path变量​ 4.测试JDK是否

2021-04-11 19:12:31 62

原创 Day03

打开CmD的方式1.开始+系统+命令提示符2.Windows+R 输入cmd 打开控制台3.在任意的文件下面,按住shift+鼠标右键点击,在此处打开命令行窗口4.资源管理器的地址栏前面加上CMD路径管理员方式运行#盘符切换#查看当前目录下的所有文件 dir#切换目录 cd change directorycd..返回上一级#清理屏幕 cls clear#退出终端 exit#查看电脑的ip ipconfig#打开应用calc 计算机mspaint 画图not

2021-04-11 17:11:26 58

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除