- 博客(14)
- 收藏
- 关注
原创 chrome调试工具的使用
chrome调试工具1.调试工具的打开方式:打开浏览器,按下F12或者右击鼠标选择检查选择元素即Elements,当我们把调试框放在屏幕下沿时,左边是html,右边是css(我们可以选择屏幕右侧的三个点,在Dock side一栏中选第三个即为在屏幕下沿排列[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BpZwKunL-1635993891544)(C:\Users\Agoni\AppData\Roaming\Typora\typora-user-images\163
2021-11-04 10:45:22 517
原创 05_文本属性
CSS文本属性文本属性可以定义文本的外观,比如文本颜色,对齐方式,装饰文本,文本缩进,行间距这里用到的css文本属性主要有:1.color:设置文本颜色2.text-align:设置文本对齐方式3.text-decoration:设置文本装饰线4.text-indent:设置文本缩进5.line-height:设置行间距color属性:设置文本颜色,颜色主要有三种表示方式:1.预装颜色: color:red;2.十六进制颜色:color:#ff0000; (开发中使用最多)
2021-11-04 10:44:40 593
原创 04_字符复合属性
css字符复合属性的使用:字符复合属性:简写的方式当我们需要一起设置下面四个字符属性时,可以将其简写为一条语句 font: font-style font-weight font-size/line-height font-family; 注意:顺序不可以跌倒 有些属性不需要设置时,可以省略不写,自动取默认值,但必须保留font-size font-family<!DOCTYPE html><html lang="en">
2021-11-04 10:44:04 108
原创 03_CSS字符属性
CSS字符属性:在字符属性中初步有以下四个属性font-family:设置字符字体font-size:设置字符大小font-weight:设置字符粗细font-style:设置字符分格font-family属性 使用font-family:" "; 定义字体类型,可以给body标签设置来改变整个页面的文字字体 各种字体使用英文状态下的逗号隔开,浏览器会依次渲染,直到设置字体是系统有安装时,用当前字体显示,如果设置的字体电脑系统都没有安装则使用浏览器默认字体
2021-11-04 10:43:35 317
原创 02_css基础选择器
CSS选择器CSS选择器可以分为基础选择器和复合选择器css基础选择器选择器就是根据不同需求,选择不同标签来给相应样式的。 基础选择器包含:标签选择器、类选择器、id选择器、通配符选择器标签选择器:HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式 优点:可以快速为页面中某同类型的标签设置统一样式缺点:不能差异化选择<!DOCTYPE html><html lang="en"><head>
2021-11-04 10:42:19 78
原创 01_css简介
css简介HTML语言局限性:语言本身关注页面布局和结构,不关注样式,虽然可以设置简单样式,但是代码会很繁琐css:层叠样式表主要用于设置HTML页面中的文本内容(字体,大小,对齐方式等)、图片外形(宽高,边框样式,边距等)及版面布局和外观样式显示。部分构成:选择器一条或者多条声明。 例如:h1{color:red; font-size:25px}一般,css写在head标签中,在head中写一个style标签,将css放在里面。结构的html则写
2021-11-04 10:41:51 67
原创 07_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, init
2021-11-04 10:40:45 231
原创 06_HTML表单标签
表单标签表单标签主要用于收集用户信息,常用于注册页面常用标签及属性:form标签:表单域:用form标签定义,包含表单元素的区域,双标签 action属性:URL地址,用于指定接收并处理表单数据的服务器程序的url地址 method属性:get/post,用于设置表单数据的提交方式,默认都是get name属性:用于指定表单的名称,区分同一页面的多个表单域input标签:输入表单元素,单标签
2021-10-25 19:23:53 170
原创 05_HTML列表标签
列表标签列表标签特点是:整齐、整洁、有序,用于布局,使得布局更加方便整洁列表主要分为:有序列表,无序列表,自定义列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
2021-10-25 19:23:22 120
原创 04_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=devic
2021-10-25 19:22:16 103
原创 03_HTMl基本标签
HTMl基本标签HTML规范:1.标签都是在尖括号里面2.有双标签和单标签一般书写单标签时要在标签内容后面加反斜号使得标签闭合3.标签关系有包含和并列HTML包含head和body,head包含title,head和body并列HTML页面也叫HTML文档,基本标签见下面的body内容在这份文档中记载:1.HTML文档结构2.HTML标签属性 lang3.head标签的快捷子标签作用最重要的是:4.html基本标签:双标签:div标签,span标签, h标签,p标签,a标签(hr
2021-10-21 19:16:42 310
原创 02_HTTP和HTML基础
HTTP+HTML基础1.HTTP 超文本传输协议包含:请求+响应请求:request ,浏览器根据网址向对应的服务器发送请求响应:response ,服务器根据请求响应文件,将页面传输给客户,在浏览器中渲染发送请求的方法:直接输入网址,点击超级链接(一个链接会用好多个HTTP请求,包括图片,视频等等)2.纯文本和HTML纯文本: 写多少内容文件就有多大 .txt 文件,记事本:只保存文字内容,不保存样式 word:保存文本和样式,同样
2021-10-18 09:56:34 87
原创 01_前端学前概述
前端学习前言概述:互联网产品:网站为满足用户需求而创建得用于运营和服务得东西,如淘宝前端开发:web互联网产品得页面开发及功能开发岗位及开发流程CEO:产品意向决定产品经理:需求分析,绘制原因图UI设计师:通过ps设计图形UI界面效果图后端:数据库,业务功能开发前端:通过UI效果图编写页面,和后台进行数据交流,渲染测试工程师:测试生成报告运维工程师:产品上线运维前端技能1.PS—拿图,切图,尺寸标注,图片处理2.HTML/HTML5 页面布局3.css/css3 效果渲
2021-10-18 09:52:51 53
原创 idea创建yml文件
idea创建yml文件左上角的file–>settings–>Editor–>File and Code TTemplates–>"+"加号(左边的选项框上面)–>Name:YML 后缀Extension:yml–>apply->oknew之后就可以看见YML新建了
2020-12-05 15:10:00 1087
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人