HTML 一、HTML文档的特点 以标签包裹整个文档大多数标签成对出现分为头和身体两大部分 二、Html的重要标签(body) ?<hr>: 横线 ?<br>: 换行 ?<h1>-<h6>: 标题 ?<div>: 文档分区或分节 ?<span>: 行内区域 ?<a> : 超链接 ?<p>: 段落 ?<img>: 图片 ?<input>: 输入框 ?<textarea>: 多文本 ?<select> : 下拉选 ?<ol>--<ul>: 有序和无序列表, ?<table>： 表格 ?<tr>： 一行 ?<td>： 行内一个单元格 ?<th>： ...
什么是HTML html是一种超文本标记语言，是浏览器用来表现网站信息的一种语言 使用标签需要注意什么要点 使用的时候需要注意标签名以及标签所具有的属性 超链接元素href属性：链接URL target属性：目标打开方式，可取值“_blank_self”,默认为_self 表格元素 常用属性 table border width height align cellpadding cellspacing tr align valign td align valign width height/colspan/rowspan 行分组 表头行：thead -》 th 表...
（一）div、元素居中中显示方法： 1.宽度要有实际值或百分比值 2.margin:0px auto; 文本内容居中显示的方法： 1.text-align:center; 2.line-height:实际内容高度;（需要有height值）； （二）商品展示界面： 多数使用列表来展示。实现思路：大的盒子模型里放ul和多个li，li向左浮动（float:left;），ul溢出隐藏（overflow:hidden;）。 在实现展示前，需计算出每个li的宽度+li与li之间的间隙外边距，一般每行行尾展示的那个li不需要...
前几天小编连续写了四篇关于Python选择器的文章，分别用正则表达式、BeautifulSoup、Xpath、CSS选择器分别抓取京东网的商品信息。今天小编来给大家总结一下这四个选择器，让大家更加深刻的理解和熟悉Python选择器。 一、正则表达式 正则表达式为我们提供了抓取数据的快捷方式。虽然该正则表达式更容易适应未来变化，但又存在难以构造、可读性差的问题。当在爬京东网的时候，正则表达式如下图所示：利用正则表达式实现对目标信息的精...
目录 前言css学习过程总结什么是csscss基础语法选择器：css样式css如何生效？级联的优先级 盒子模型边框与边距定位浮动组合选择器后代选择器子选择器 心得总结深入学习，访问[==css详细教程==](https://www.runoob.com/css/css-tutorial.html)前言 正如编程大牛所说：一个网页就好像一幢房子，HTML结构就是钢筋混泥土的墙，一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头，也就称不上是房子了。 CSS是装饰材料，是油漆，是用来装...
Css总结 何为 CSS？CSS 语法CSS 如何生效颜色, 尺寸, 对齐盒子模型边框与边距定位溢出浮动不透明度组合选择器伪类和伪元素何为 CSS？ CSS是级联样式表（Cascading Style Sheets）的缩写。HTML 用于撰写页面的内容，而 CSS 将决定这些内容该如何在屏幕上呈现。 网页的内容是由 HTML的元素构建的，这些元素如何呈现，涉及许多方面，如整个页面的布局，元素的位置、距离、颜色、大小、是否显示、是否浮动、透明度等等。提示： 在 Inte...
CSS学习总结 一、CSS简介二、CSS学习1、CSS生效①外部样式表②内部样式表③内联样式 2、颜色、尺寸、对齐3、盒子模型4、边框与边距5、定位6、浮动7、不透明度 三、效果显示四、学习总结 一、CSS简介 ??CSS是级联样式表（Cascading Style Sheets）的缩写。HTML 用于撰写页面的内容，而 CSS 将决定这些内容该如何在屏幕上呈现. ??网页的内容是由 HTML的元素构建的，这些元素如何呈现，涉及许多方面，如整个页面的布局，元素的位置、距...
前言： 我感觉其实css动画工作中用的不是很多（可能看工作类型吧），但是感觉还是非常强大的，又非常有意思，所以在空闲之余总结一下css动画的一些属性及设置方法，并通过实例加强学习。一、animation animation共有8个属性，分别是： animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-directionanimation-fill-modeanimation-play-state 以上属性可以通过animation简...
CSS学习总结 什么是CSS CSS是级联样式表（Cascading Style Sheets）的缩写。在编写一个网页的过程中，HTML 用于撰写页面的内容，而 CSS 将决定这些内容该如何在屏幕上呈现。 CSS语法规则 一条基本的CSS语句由选择器和以{}包裹的一条或多条声明组成。选择器是需要改变样式的对象，每条声明由一个属性和一个值组成，属性和值之间用:分开，多条声明之间用;分开。 例如：h1 {color:red;font-size:10px;} 这条代码表示所有一级标题的颜色...
1.定位position的取值:static:默认值，静态的 relative:相对定位 absolute:绝对定位 fixed:固定定位 sticky:粘性定位既然是定位了，不同定位之间的区别是参考系不同 position:static 特点：默认的定位方式，元素不受top，buttom，left，right的影响1 #box1 { 2 position: static; 3 border: 1px solid red; 4 }position:relative 特点：设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置，但是其原...
1、css没有被调用 F12检查css调用是否成功，如果没成功一般是css的名称写错了。 如我这里在写样式的时候在.picker-btn后（红色箭头处）加了一个空格，直接导致图片无法渲染成功，删掉后渲染成功。 渲染后若图片显示不正常，记得设置图片大小：设置宽高或 设置 background-size: contain; 2、div设置错误容易导致背景图片高度太大则无法显示 3、背景图片调用路径错误css设置背景用的background，书写方式是.div{backgroud:url('1.j...
html5新属性 规定是否允许编辑内容 规定是否对元素语法进行检查 组合元素 规定是否允许拖动元素 css3新属性 边框：圆角边框 边框阴影 边框图片 背景：背景图片尺寸 文字效果：文本轮廓 当文本溢出时要操作的 文本阴影 文本换行规则 动画 css实现三角形border-left:?50px?solid?transparent;border-right:?50px?solid?transparent;border-bottom:?100px?solid?blue; ? 字符串翻转 使用split()把字符串分割成字符串数组...
一.精灵图 1.精灵图（sprites）的使用 使用精灵图核心： 精灵技术主要针对于背景图片使用。就是把多个小背景图片整合到一张大图片中。 这个大图片也称为 sprites 精灵图 或者 雪碧图 移动背景图片位置， 此时可以使用 background-position 。 移动的距离就是这个目标图片的 x 和 y 坐标。注意网页中的坐标有所不同 因为一般情况下都是往上往左移动，所以数值是负值。 使用精灵图的时候需要精确测量，每个小背景图片的大小和位置。 ...
前言：我们在码代码的时候，经常会遇到需要给第一个或者最后一个元素添加或删除样式，还有一些比较特殊的是选取第几个元素添加或删除样式，下面记录css选择器中常见的选择器:相邻兄弟选择器（+）、子选择器（>）、兄弟选择器（~）、first-child、:last-child、:nth-child()、:nth-last-child()的用法。相邻兄弟选择器（+）相邻兄弟选择器可选择紧接在另一个元素后的元素，且二者具有相同的父亲元素。注释：与子结合符一样，相邻兄弟...
CSS，中文解释为层叠样式表，它能够对网页中的元素进行装修，支持几乎所有的字体字号样式，可以对网页对象和模型样式进行编辑。 CSS的三大引入样式： 1.行内式引入： 借助标签的style属性引入css样式； <font style="color: red; font-size: 20px ;">这里是红色文字</font>2.内嵌式引入： 写在head标签内，使用style标签定义css样式； <style> /*定义span标签的样式*/span{font-size: 20px; /*字体大小为20像素*/color: green; /*文...