The Biggest-优快云博客

原创 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 552

原创 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 698

原创 04_字符复合属性

css字符复合属性的使用：字符复合属性：简写的方式当我们需要一起设置下面四个字符属性时，可以将其简写为一条语句 font: font-style font-weight font-size/line-height font-family; 注意：顺序不可以跌倒有些属性不需要设置时，可以省略不写，自动取默认值，但必须保留font-size font-family <!DOCTYPE html> <html lang="en"&gt

2021-11-04 10:44:04 137

原创 03_CSS字符属性

CSS字符属性：在字符属性中初步有以下四个属性 font-family：设置字符字体 font-size：设置字符大小 font-weight：设置字符粗细 font-style：设置字符分格 font-family属性使用font-family：" "; 定义字体类型，可以给body标签设置来改变整个页面的文字字体各种字体使用英文状态下的逗号隔开，浏览器会依次渲染，直到设置字体是系统有安装时，用当前字体显示，如果设置的字体电脑系统都没有安装则使用浏览器默认字体

2021-11-04 10:43:35 345

原创 02_css基础选择器

CSS选择器 CSS选择器可以分为基础选择器和复合选择器 css基础选择器选择器就是根据不同需求，选择不同标签来给相应样式的。基础选择器包含：标签选择器、类选择器、id选择器、通配符选择器标签选择器：HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式优点：可以快速为页面中某同类型的标签设置统一样式缺点：不能差异化选择 <!DOCTYPE html> <html lang="en"> <head>

2021-11-04 10:42:19 98

原创 01_css简介

css简介 HTML语言局限性：语言本身关注页面布局和结构，不关注样式，虽然可以设置简单样式，但是代码会很繁琐 css：层叠样式表主要用于设置HTML页面中的文本内容（字体，大小，对齐方式等）、图片外形（宽高，边框样式，边距等）及版面布局和外观样式显示。部分构成：选择器一条或者多条声明。例如：h1{color：red; font-size:25px} 一般，css写在head标签中，在head中写一个style标签，将css放在里面。结构的html则写

2021-11-04 10:41:51 83

原创 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 252

原创 06_HTML表单标签

表单标签表单标签主要用于收集用户信息，常用于注册页面常用标签及属性： form标签：表单域：用form标签定义，包含表单元素的区域，双标签 action属性：URL地址，用于指定接收并处理表单数据的服务器程序的url地址 method属性：get/post,用于设置表单数据的提交方式，默认都是get name属性：用于指定表单的名称，区分同一页面的多个表单域 input标签：输入表单元素，单标签

2021-10-25 19:23:53 199

原创 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 137

原创 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 129

原创 03_HTMl基本标签

HTMl基本标签 HTML规范： 1.标签都是在尖括号里面 2.有双标签和单标签一般书写单标签时要在标签内容后面加反斜号使得标签闭合 3.标签关系有包含和并列 HTML包含head和body，head包含title，head和body并列 HTML页面也叫HTML文档，基本标签见下面的body内容在这份文档中记载： 1.HTML文档结构 2.HTML标签属性 lang 3.head标签的快捷子标签作用最重要的是： 4.html基本标签：双标签：div标签，span标签， h标签，p标签，a标签（hr

2021-10-21 19:16:42 338

java_996的博客