案例html css

游戏名称:滚小球 游戏玩法：玩家按下WASD操作小球进行方向移动，小球滚动撞击到场景中的金币后即收集成功，场景中所有金币收集完成后通关。 游戏实现： ①小球移动 脚本： using System.Collections; using System.Collections.Generic; using ......

在 SAP UI5 中，控件是用户界面的基本构建块。控件可以是一个简单的文本框，也可以是一个复杂的表格。每个控件都有自己的属性 (properties)，事件 (events) 和方法 (methods)。 而聚合 (aggregation) 是控件中的一种特殊类型的属性，它允许一个控件包含其他控件 ......

一、inline-block 与 overflow:hidden 的冲突 inline-block元素设置overflow:hidden后，其本身会上移 解决方法：在该元素或其父元素上设置 vertical-align: bottom; 原因解释：inline-block元素被设置oveflow非v ......

# 选择id . 选择类名 position: absolute; 这是CSS中用于设置元素定位方式的属性之一。absolute 表示该元素会脱离文档流，并相对于它的最近的非static（默认值）定位的父元素进行定位。如果没有符合条件的父元素，那么该元素会相对于整个文档进行定位。使用absolute ......

### **1.** **有序列表** 概念：有顺序或侧重顺序的列表。 ```html 要把大象放冰箱总共分几步 把冰箱门打开 把大象放进去 把冰箱门关上 ``` ### **2.** **无序列表** 概念：无顺序或不侧重顺序的列表。 ```html 我想去的几个城市 成都 上海 西安 武汉 `` ......

主要作用：从当前页面进行跳转。 可以实现：①跳转到指定页面、②跳转到指定文件（也可触发下载）、③跳转到锚点位置、④唤起指定应用。 | **标签名** | 标签语义 | **常用属性** | **单** **/** **双 标签** | | : : | : : | | : : | | `a` | 超链 ......

1. 几种柔和配色 蓝色 #A1E7FE 黄色 #FEEBB1 粉红色 #FAD8EC 绿色 #D5E394 橘黄色 #FBBA9C 2. 中国传统色 3. 传统42色 ......

在 `HTML` 中我们可以用一种**特殊的形式**的内容，来表示某个**符号**，这种特殊形式的内容，就是 `HTML` 实体。比如小于号 ` **字符实体**由三部分组成：一个 `&` 和 一个实体名称（或者一个 `#` 和 一个实体编号），最后加上一个分号` ;` 。 常见字符实体总结： ![ ......

[toc] # 一、爬取目标 您好，我是[@马哥python说](https://www.zhihu.com/people/13273183132)，一名10年程序猿。 本次爬取的目标是：[抖音热榜](https://www.douyin.com/hot) ![抖音热榜页面](https://img ......

CSRF:跨站请求伪造（Cross-site request forgery）CSRF是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。当用户访问含有恶意代码的网页时,会向指定正常网站发送非本人意愿的数据请求包（如转账给hack,向hack发送API等）如果此时用户恰好登录了该 ......

新增了header,nav,article,section,footer等语义标签 新增了input表单类型mail, url, date, time ,month,week,nubmer,tel,search,color 新增表单属性require（必填属性）placeholder（提示文本）au ......

一。为什么要使用css预处理器呢 1.传统的css没有像js，一样拥有编程语言的能力，能够拥有常量、变量、以及语法，这样随着网站的发展势必会造成css代码会显得非常臃肿以及难以维护，于是css预处理器作为css的扩展就出现在了我们面前。 二。sass 是一种动态样式语言，sass语言属于缩排语法，比 ......

* { margin: 0; padding: 0; } em, i { font-style: normal; } li { list-style: none; } img { border: 0; vertical-align: middle; } button { cursor: pointe ......

今日所学： 简单的css设计；掌握BufferedInputStream类与BufferedOutputStream类的构造方法及其参数含义；明确BufferedReader类与BufferedWriter类是以行为单位进行输入/输出的；掌握BufferedReader类与BufferedWrite ......

### 前端 ```python 什么是前端？ 前端就是用户可以直接看得到的视图层就是前端 什么是后端？ 后端是和数据打交道的，在用户看不到的 ``` ### 前端学习的内容 ```python """前端三剑客""" HTML：一个网页的骨架，没有任何样式 CSS：给一个网页添加样式，让其变得更加 ......

### img标签 ```html 标签的属性： 1、自带属性 2、自定义属性 src: alt: width and height ``` ### a标签 ```html href： title: target = "_blank": target = "_self": ``` ### 列表 `` ......

### 伪类选择器 ```html ``` ### 伪元素选择器 ```html ``` ### 选择器的优先级 ```html 关关雎鸠在河之洲， 窈窕淑女君子好逑.--> ``` ### CSS相关属性 ```html ``` ### 字体属性 ```css p{ /*第一个生效了用第一个，第一 ......

什么是垂直对齐vertical-align指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。不能用它垂直对齐块无素必须是行内或者行内块元素 对齐方式有哪些 /* Keyword values */ vertical-align: baseline; vertical ......

视觉格式化模型细节 包含块的定义 元素（生成的）盒的位置有时候是根据一个特定的矩形计算的，叫做元素的包含块（containing block）。元素包含块的定义如下： 元素 包含块 其为根元素。 其包含块是一个被称为初始包含块的矩形。对连续媒体，尺寸取自视口的尺寸，并且被固定在画布开始的位置；对于分 ......

浮动 一个浮动盒会向左或向右移动，直到其外边界挨到包含块边界或者另一个浮动盒的外边界。如果存在行框，浮动盒的上外（边界）会与当前行框的上（边界）对齐。如果没有足够的水平空间来浮动，它会向下移动，直到空间合适或者再没出现过其他浮动。 因为浮动盒不在常规流内，在浮动盒之前或者之后创建的非定位块盒会垂直排 ......

绝对定位 绝对定位模型中，盒相对其包含块偏移，它会从常规流中全部移除（不会影响后面的兄弟）。绝对定位的盒会为常规流中的子级和绝对（不包括fixed）定位的后代建立一个新的包含块。 然而绝对定位的内容不会沿着任何其他盒排列。它们可能会遮住其他盒的内容（或者被它们自身遮住），取决于重叠盒的堆叠层级（st ......

分层展示 z-index属性 该属性指定了： 当前堆叠上限爱问（stacking context）中，该盒的堆叠层级（stack level）； 该盒是否应该建立一个堆叠上下文； 该属性的取值为： <integer>：是生成盒当前堆叠上下文中的堆叠层级，该盒还会建立一个新的堆叠上下文。 auto：生 ......

定位方案 三种定位方案及其优先级 css2.1中，一个盒可能会根据三种定位方案来布局： 常规流：包括块级盒的块格式化、行内级盒的行内格式化和块级与行内级盒的相对定位。 浮动：在浮动模型中，盒先根据常规流来放置，然后从常规流中取出来并尽可能远地向左或向右移动。其他内容可能沿着浮动（盒）的一侧排列。 绝 ......

常规流 常规流中的盒属于一个FC，可能是BFC或是IFC中的一个。块级盒参与BFC，行内级盒参与IFC。 BFC BFC的产生条件： float：left | right position：absolute | fixed display：inline-block | table-cell | ta ......

控制盒的生成 控制盒就是我们常说的盒。盒的类型对其在视觉格式化模型中的行为有一定影响。 display的取值 display属性指定了盒的类型： none：此元素不会被显示。 block：此元素将显示为块级元素，此元素前后会带有换行符。 inline：默认。此元素会被显示为内联元素，元素前后没有换行 ......

视觉格式化模型 视觉格式化模型：对于可视化媒体，用户代理怎样处理文档树。在视觉格式化模型中，文档树中的每个元素根据其盒模型生成0或多个盒。这些盒的布局由以下因素控制： 盒尺寸与类型 定位方案（常规流、浮动与绝对定位） 文档树中元素间的关系 外部信息（例如视口大小、图片的固有尺寸等） 本章及下一章中定 ......

中文链接：http://www.ayqy.net/doc/css2-1/cover.html 英文链接：https://www.w3.org/TR/2011/REC-CSS2-20110607/ 本笔记是2020年自学前端时所写，当时写在word文档上，今天重温，就搬到博客园上来。 盒尺寸 盒模型的 ......

外边距 margin取值 <length>：一个固定值 <percentage>：百分比根据当前生成盒的包含块的width来计算。注意，margin-top和margin-bottom也是根据其包含块的width来计算的。如果包含块的width取决于该元素，那么产生的布局在CSS2.1是未定义的。 ......

一张图片包括各种图标，用的时候用background-position对移到对应位置显示对应图标 但是图片放大会失真 图片制作完成后也不方便修改 所以如果小图票，我们可以用字体库解决 https://icomoon.io/ https://www.iconfont.cn/ ......

参考地址：https://www.w3school.com.cn/css/index.asp css常用属性： 背景属性： background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 backgroun ......