Fish_Ong-CSDN博客

原创 CSS中的定位

文章目录为什么需要定位定位的组成静态定位相对定位为什么需要定位浮动可以让多个块级盒子一行没有缝隙排列显示 ,经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。定位的组成定位 = 定位模式 + 边偏移定位模式决定元素的定位方式，它通过 CSS 的 position 属性来设置，其值可以分为四个：值语义static静态定位relative相对定位absolute绝对定位fixed固定定位

2020-12-25 13:06:11 90

原创 CSS盒子模型

文章目录盒子模型的组成边框内边距外边距盒子模型的组成CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边框、外边距、内边距、和实际内容。边框border可以设置元素的边框。边框有三部分组成:边框宽度(粗细) 边框样式边框颜色。属性作用border-width定义边框粗细，单位pxborder-style边框样式border-color边框样色边框样式 border-style 可以设置如下值：none：没有边框即忽略所有边框的宽

2020-12-13 11:23:55 92

原创 CSS元素显示模式、背景

文章目录元素显示模式块元素行内元素（内联元素）行内块元素元素显示模式转换CSS的背景背景颜色背景图片背景平铺背景图片位置背景图片固定背景复合写法背景半透明背景总结元素显示模式元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。HTML 元素一般分为块元素和行内元素两种类型。块元素1.独占一行。2.高度，宽度、外边距以及内边距都可以控制。3.宽度默认是容器（父级宽度）的100%。4. 是一个容器及盒子，里面可以放行内或

2020-12-10 17:23:57 238

原创 CSS的字体属性和文本属性

文章目录字体属性文本属性1.文本颜色2.对齐文本3.装饰文本4.文本缩进5.行间距字体属性字体属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。属性表示备注font-size字号一定要跟上单位pxfont-family字体尽量使用系统默认字体，一般情况下，如果多个单词组成的字体，要加引号。各种字体必须用英文逗号隔开。font-weight字体粗细加粗：700或者bold，不加粗：400或者normal，数字不带单位font-style字体样式

2020-12-10 11:45:17 306

原创 HTML中的表格、列表、表单

文章目录表格基本语法：表格属性合并单元格列表无序列表有序列表自定义列表表单表单域表单控件input表单元素`label`标签表格表格标签行标签单元格标签表头单元格标签表格头部区域标签表格主体区域标签<table><tr><td><th>theadtbody基本语法：<table> <tr> <td>单元格的内容</td> ... </tr&

2020-12-10 10:01:54 172

原创 HTML常用标签

文本格式化标签为文字设置粗体、斜体或下划线等效果。语义标签说明加粗<strong></strong 或<b></b><strong></strong>语义更强烈倾斜<em></em> 或<i></i><em></em>语义更强烈删除线<del></del> 或<s></s>

2020-12-09 11:18:24 188

原创 Emmet语法

Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法.快速生成HTML结构语法快速生成CSS样式语法快速生成HTML结构语法生成标签直接输入标签名按tab键即可比如 div 然后tab 键，就可以生成  <div></div>如果想要生成多个相同标签加上 * 就可以了比如 div*6 就可以快速生成

2020-12-06 16:47:59 116

原创 CSS选择器总结

CSS选择器选择器基础选择器标签选择器类选择器id选择器通配符选择器基础选择器总结复合选择器后代选择器子选择器并集选择器伪类选择器连接为类选择器focus 伪类选择器复合选择器总结选择器选择器分为基础选择器和复合选择器。基础选择器是由单个选择器组成的，又包括:标签选择器、类选择器、id选择器和通配符选择器。基础选择器标签选择器标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。标签名{ 属性1: 属性值1; 属性2: 属

2020-12-06 15:28:00 129

原创元组

1、定义元组元组使用圆括号来标识。定义元组后，就可以使用索引来访问其元素，就像访问列表元素一样。dimensions = (100,200)print(dimensions[0])print(dimensions[1])访问元组元素的方法与访问列表元素的方法是一样的，运行结果：100200需要注意的是元组中的元素时不能修改的，当你尝试修改元组中的元素时，pytho...

2019-08-16 14:47:21 269

原创切片及复制列表

目录1、切片2、遍历切片3、复制列表1、切片创建切片，需要我们指定要使用的第一个元素和最后一个元素。与函数range()一样，Python在到达你指定的第二个索引前面的元素后停止。要输出列表中的前三个元素，需要指定索引0~3，这将输出分别为0、1和2的元素。names = ['lynn','fish','kaka','cici','totti']prin...

2019-08-16 09:46:59 291

原创操作列表

目录1、遍历整个列表2、创建数值列表1、使用函数range（），能够很轻松生成一系列的数字。2、使用range（）创建数字列表：3、对列表进行简单的统计计算：4、列表解析：1、遍历整个列表我们经常需要遍历列表的所有元素，对每个元素执行相同的操作。通过for循环，可以处理这些问题。names = ['张三','李四','王五','刘六','冯七']for na...

2019-08-15 10:19:41 105

原创 Python中的列表（三）

目录1、使用方法sort()对列表进行永久性排序方法2、使用函数sorted（）对列表进行临时排序3、倒着打印列表。4、确认列表的长度。1、使用方法sort()对列表进行永久性排序方法方法sort（）可以永久性修改列表元素的排序，再也无法回复。我们还可以按照字母顺序想法的顺序来排列列表元素，只需要向sort（）方法传递参数reverse=True。同样修改是永久性...

2019-08-13 17:27:06 185

原创 Python中的列表(二)

目录目录1，修改列表元素2，在列表中添加元素1，在列表末尾添加元素2，在列中中插入元素3，从列表中删除元素1，使用del语句删除元素2，使用pop()方法删除元素3，弹出列表中任意位置的元素4，根据值删除元素1，修改列表元素修改列表元素的语法与访问列表元素的语法类似。要修改列表元素，可指定列表名和要修改的元素的索引，再指定该元素的新值。例如，将我...

2019-07-11 17:09:13 274

原创 Python中的列表

目录1.什么是列表2.访问列表元素3.索引4.使用列表中的各个值1.什么是列表列表有一系列按照铁定的顺序排列的元素组成。在Python中，用方括号[ ]来表示列表，并用逗号将列表中的元素隔开。例如：cars = ['奥迪','宝马','奔驰','兰博基尼']如果你让Python将列表打印出来，Python将打印列表的所有内容，包括方括号：2.访问列表元素...

2019-07-10 16:43:44 210

原创 Python中,字符串的常用操作

字符串字符串是一系列字符，在Python中用引号括起来的都是字符串。其中的引号可以是单引号也可以是双引号，三引号。'在Python中，用引号括起来的都是字符串，其中的引号可以是单引号，也可以是双引号'"在Python中，用引号括起来的都是字符串，其中的引号可以是单引号，也可以是双引号"'''在Python中，用引号括起来的都是字符串，其中的引号可以是单引号，也可以是双引号'''字符串的...

2019-07-09 16:36:45 269

Fish