猫巷.ฅ-优快云博客

原创 CSS元素显示模式

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

2021-03-20 21:27:59 105

原创 CSS-05复合选择器简介

复合选择器简介1.CSS的复合选择器1.1 什么是复合选择器在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素（标签）。复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的。常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等。1.2后代选择器（重要）后代选择器又称为包含选择器可以选择父元素里面的子元素。其写法就是把外层标签写在前面，内层标签

2021-03-20 20:19:34 286

原创 CSS--02emmet语法生成html标签

02emmet语法生成html标签1.Emmet 语法Emmet使用缩写，来提高html/css的编写速度。1.1 快速生成HTML结构语法1.生成标签直接输入标签名按tab键即可，比如 div 然后tab键，就可以生成<div></div>.2.如果想要生成多个相同标签，加上就可以了，比如 div3 就可以快速生成3个div。3.如果有父子级关系的标签，可以用> 比如 ul > li就可以了4.如果有兄弟关系的标签，用 + 就可以了，比如 div+p5.

2021-03-20 12:28:02 205

原创 7.Chrome调试工具

Chrome调试工具Chrome浏览器提供了一个非常好用的调试工具，可以用来调试我们的HTML结构和CSS样式。1.打开调试工具打开Chrome浏览器，按下F12键或右击页面空白处–检查。2.使用调试工具①Ctrl+滚轮可以放大开发者工具代码大小②左边是HTML元素结构,右边是CSS样式。③右边CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色。④Ctrl + 0复原浏览器大小。⑤如果点击元素,发现右侧没有样式引入,极有可能是类名或者样式引入错误。⑥如果有样式,但是样式前面有黄色

2021-03-13 19:26:14 124

转载 CSS综合案例

CSS综合案例<!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"> <tit

2021-03-13 18:41:32 117

原创 5.CSS引入方式

5.CSS 引入方式5.1 CSS的三种样式表按照CSS样式书写的位置（或者引入的方式），CSS样式表可以分为三大类：1、行内样式表（行内式）2、内部样式表（嵌入式）3、外部样式表（链接式）5.2 内部样式表内部样式表（内嵌样式表）是写到html页面内部，是将所有的CSS代码抽取出来，单独放到一个<style>标签中。<style> /* 想要div字体变倾斜加粗字号设为16相许并且是微软雅黑 */ div {

2021-03-13 18:06:13 107

原创 2021-03-13

CSS基础–文本属性CSS Text（文本）属性可定义文本的外观，比如文本的颜色，对齐文本，装饰文本，文本缩进，行间距等。4.1文本颜色color属性用于定义文本颜色div { color: red;}表示属性值预定义的颜色值red，green，还有pink等十六进制#FF0000, #FF6600, #29D794RGB代码rgb（255,0,0）或rgb（100%,0%,0%） <style> div {

2021-03-13 17:01:39 152

原创 2021-03-09CSS学习第一天

CSS学习第一天1.CSS简介CSS的主要使用场景就是美化页面，布局页面的。1.1HTML的局限性HTML只关注语义。1.2CSS-网页的美容师CSS是层叠样式表的简称。也称为CSS样式表或级联样式表。也是一种标记语言。CSS主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。总结：1.HTML主要做结构，显示元素内容。2.CSS美化HTML，布局网页。3.CSS最大的价值：让HTML专注做结构呈现，样式交给

2021-03-09 18:52:12 149

原创 2021-03-07HTML综合案例（表单部分）

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-03-07 17:31:50 508

原创 HTML表单标签

HTML表单标签网页中的表单展示：1.为什么使用表单使用表单的目的是为了手机用户信息。在网页中，也需要和用户进行交互，手机用户资料，需要使用表单。2.表单的组成在HTML中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和提示信息3个部分构成。3.表单域表单域是一个包含表单元素的区域。在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集与传递。<form>会把他范围内的表单元素信息提交给服务器。<form action="ur

2021-03-07 16:14:10 272 1

原创 HTML列表标签

HTML列表标签表格是用来显示数据的，那么列表就是用来布局的。列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由方便。根据使用情境不同，列表可以分为三大类：无序列表、有序列表和自定义列表。1.无序列表（重点）<ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义。无序列表的基本语法格式如下：<ul> <li>列表项1</li> <li>列表项2</li>

2021-03-07 13:25:00 287

原创 HTML表格标签

HTML表格标签1.表格的主要作用表格用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。2.表格的基本语法<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>1.<table></table>是用于定义表格的标签。

2021-03-07 12:38:34 256

原创 HTML综合案例1

HTML综合案例1.复习目录文件夹、昨天所学的标签、路径、锚点链接。<!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

2021-03-07 10:58:06 234 1

原创 HTML+CSS学习笔记

HTML部分1.HTML语法规范2.HTML基本结构标签3.开发工具4.HTML常用标签4.7超链接标签（重要）HTML文件中，< a >标签用于定义超链接，作用是从一个页面链接到另一个页面。1、链接的语法格式<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>**href:**用于指定链接目标的url地址，有此属性，即具有超链接功能。target用于指定链接的打开方式，其中_self为默认值， _blank为在新

2021-03-06 19:59:14 239 3

qq_44079486的博客