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"> <title>
CSS三大特性 CSS 有三个非常重要的特性:层叠性、继承性、优先级。1 层叠性给同一个选择器设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式,层叠性主要解决样式冲突的问题。层叠性原则:样式冲突,遵循的原则是 就近原则,哪个样式距离结构近,就执行哪个样式样式不冲突,不会层叠注:就近的标准是:后 > 前<!doctype html><html lang="en"><head> <meta charset="UTF-8"> .
Emmet语法 Emmet 语法的前身是 Zen coding,它使用缩写,来提高 html/css 的编写速度,,VSCode 内部已经集成该语法。快速生成 HTML 结构语法快速生成 CSS 样式语法快速生成HTML结构语法生成标签直接输入标签名按 tab 键即可,比如 div 然后 tab 键, 就可以生成 <div></div>如果想要生成多个相同标签加上 * 就可以了,比如 div*3 就可以快速生成 3 个 div如果有父子级关系的标签,可以用 > 比如 ul&g
CSS 的背景 通过 CSS 背景属性,可以给页面元素添加背景样式。背景属性可以设置 背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定 等。1 背景颜色background-color 属性定义了元素的背景颜色。background-color: 颜色值;一般情况下元素背景颜色默认值是 transparent(透明),我们也可以手动指定背景颜色为透明色。background-color: transparent;目前 CSS 还支持丰富的渐变色,但是某些浏览器不支持,这里了解即可,具体内容请查阅资
CSS 的元素显示模式 1 什么是元素显示模式作用: 网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式 就是元素(标签)以什么方式进行显示,比如 <div> 自己占一行,比如一行可以放多个 <span>。HTML 元素一般分为 块元素 和 行内元素 两种类型。2 块元素常见的块元素有 <h1> ~ <h6>、<p>、<div>、<ul>、<ol>、<li>、&l
CSS的复合选择器 1 什么是复合选择器在 CSS 中,可以根据选择器的类型把选择器分为:基础选择器 和 复合选择器,复合选择器是建立在基础选择器之上,对基础选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素(标签)复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等2 后代选择器后代选择器 又称为 包含选择器,可以选择父元素里面子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层
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"> <title>Document<
CSS文本属性 CSS Text(文本)属性可定义文本的 外观,比如:文本颜色、文本对齐、文本装饰、文本缩进、行间距 等。1 文本颜色color 属性用于定义文本的颜色。div { color: red;}表示方式属性值预定义的颜色值red,green,blue,black,white,gray十六进制#FF0000,#FF6600,#29D794(每两位对应:#红R绿G蓝B)RGB 代码rgb(255, 0, 0) 或 rgb(100%, 0%, 0%)注意: 开
CSS字体属性 CSS Fonts(字体)属性用于定义:字体系列、大小、粗细、和 文字样式(如:斜体)。1 字体系列CSS 使用 font-family 属性定义文本的字体系列。p { font-family: "Microsoft YaHei";}div { font-family: Arial, "Microsoft YaHei";}各种字体之间必须使用英文状态下的逗号隔开一般情况下,如果有空格隔开的多个单词组成的字体,加引号尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示最
filebeat开发自定义插件 一 简介filebeat是一个纯go编写的日志收集工具,但是内置的插件不能满足所有的日常需求,那么我们就可以根据自己的需求自定义插件集成进去filebeat启动的时候会将配置文件中processors给定的列表启动对应的插件有内置的有自定义的processors: #数字1-100 不能超过100 #如果是需要收集所有日志请关闭scale processor - scale_event: num: 10二 开发流程项目地址https://github.com/strive-
CSS基础选择器 1 CSS选择器的作用选择器就是根据不同的需求把不同的标签选出来,这就是选择器的作用,简单来说,就是:选择标签用的。h1 { color: red; font-size: 25px;}以上 CSS 做了两件事:找到所有的 h1 标签。(选对人)设置这些标签的样式:颜色为红色、字体大小为 25 像素。(做对事)2 选择器的分类选择器分为 基础选择器 和 复合选择器 两个大类,本文首先介绍一下基础选择器。基础选择器是由 单个 选择器组成的基础选择器又包括:标签选择器、类选择器、i
CSS引入方式 1 CSS的三种引入方式按照 CSS 样式书写的位置(或者引入的方式),CSS 样式表可以分为三大类:行内样式表(行内式)内部样式表(嵌入式)外部样式表(外链式)2 行内样式表行内样式表(内联样式表)是在元素标签内部的 style 属性中设定 CSS 样式,适合于修改简单样式。<div style="color: red; font-size: 12px;"> 青春不常在,抓紧谈恋爱</div>style 其实就是标签的属性在双引号中间,写法要符合
CSS简介 一 HTML的局限性HTML 只关注内容的语义,虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿、繁琐和低维护性……二 CSS网页的美容师CSS 是 层叠样式表 的简称。有时我们也会称之为 CSS样式表 或 级联样式表。CSS 也是一种 标记语言。CSS 主要用于设置 HTML 页面中的文本样式(字体、大小、颜色、对齐方式……)、图片样式(宽高、边框样式、边距……)以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩,布局更加灵活自如,简单理解:CSS 可以美化 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"> <titl
HTML语义标签以及字符实体 一 语义标签1.无语义的标签实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签div标签:一行只显示一个(独占一行)span标签:一行可以显示多个<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
HTML表单标签 一 为什么需要表单使用表单的目的是收集用户信息。在网页中,需要跟用户进行交互,收集用户资料,此时就需要表单。二 表单的组成在 HTML 中,一个完整的表单通常由 表单域、表单控件(也称为表单元素)和 提示信息 3 个部分构成。三 表单域表单域是一个包含表单元素的区域。在 HTML 标签中,<form> 标签用于定义表单域,以实现用户信息的收集和传递。<form> 会把它范围内的表单元素信息提交给服务器。<form action="url地址" method
HTML列表标签 一 介绍表格是用来显示数据的,那么列表就是用来布局的。列表最大的特点就是:整齐、整洁、有序、它作为布局会更加自由和方便。在实际开发中凡是遇到排列整齐的简洁内容,都可以使用列表来进行布局。合理的使用列表布局可以有效提高 SEO。根据使用情景不同,列表可以分为三大类:无序列表、有序列表 和 自定义列表。标签名定义说明<ul> </ul>无序标签里面只包含 li,没有顺序,使用较多,li 里面可以包含任何标签<ol> </ol&
HTML表格标签 一 表格的主要作用表格主要用于显示、展示数据。因为它可以让数据显示得非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理(合理的使用表格也能够有效提高 SEO)。注意:表格不是用来布局页面的,而是用来展示数据的。表格常用于表单数据的 “布局”。特别强调,表格是用于表单数据的 “布局”,而不是页面的布局!二 表格的基本语法<table> <tr> <td>单.
HTML特殊字符 1 注释如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的文字,就需要使用注释标签。HTML 中的注释以:<!-- 开头,以 --> 结束。<!-- 注释语句 -->一句话:注释标签里面的内容是给程序员看的,这个代码是不执行不显示到页面中的。注释是为了更好地解释代码功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的。2 特殊字符在 HTML 页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。