byte~-CSDN博客

原创 JavaScript

JavaScript1 起源诞生于1995年，它的出现主要是用于处理网页的前端验证所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则比如：用户名的长度，密码的长度，邮箱的格式等2 简史JavaScript是由网景公司发明，起初命名为LiveScript，后来由于SUN公司的介入更名为了JavaScript。1996年微软公司在其最新的IE3浏览器中引入了自己对JavaScript的实现JScript。于是在市面上存在两个版本的JavaScript，一个网景公司的JavaScri

2022-03-16 19:42:31 587

原创动画、技术栈、响应式布局

怎么实现动画？transition 动画当触发时，变化是一种动画的形态，而不是一种一蹴而就的代码如下（示例）：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div { background-color: #F00; margin: 50px

2021-12-02 22:19:36 217

原创【CSS3新加属性】形变

形变形变（transform）定义复杂变形形变（transform）用于内联或者块元素，可以旋转、缩放、移动元素Webkit：-webkit-transformGecko：-moz-transformPresto：-o-transform提示：以上三种，效果都用一样，只是不同浏览器会要求使用不同的，但Webkit都适用（除IE）IE：暂不支持代码如下（示例）：<!DOCTYPE html><html> <head> <meta ch

2021-12-02 20:33:15 96

原创【CSS3新加属性】

CSS3新加属性文字阴影（text-shadow）简单阴影模糊阴影多色阴影文字溢出（text-overflow）RGBA[^1]SHL[^2]opacity属性[^3]文字阴影（text-shadow）简单阴影代码如下（示例）：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&

2021-12-02 20:07:35 782

原创文字、图片、背景、列表样式、列表项图片符号

文字字体（font-family）字体的大小（font-size）samll，medium，large，…20px0.8em(字体的比例)0.6in（一般不太使用，主要用于印刷时用）%原则：固定布局，用px；不固定布局，用%或者em字体颜色（color）颜色名：red，green，black，…#XXXXXXrgb(DDD,DDD,DDD)rgb(DD%,DD%,DD%)字体粗细（font-weight）normal（400），bold（700），bolder（900

2021-12-02 18:01:21 383

原创包含块、绝对定位中的坐标值、定位层叠、嵌套层叠、层叠包含框

包含块包含块绝对定位中的坐标值定位层叠包含块父节点，向上回溯，第一个有定位的（absolute、relative、fixed）如果都没有，回溯到窗口一种垂直居中的方法代码如下（示例）：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body,div,h

2021-12-01 23:26:25 444

原创定位（静态定位、绝对定位、相对定位、固定定位）

定位静态定位绝对定位相对定位固定定位静态定位缺省时，即为静态定位静态定位是指各个元素在html文档流中应有的位置，根据HTML超文本传输协议，浏览器在接受和解析网页时，是遵循从上往下来显示的静态定位时，无法通过left、right、top、bottom来设定元素的位置绝对定位代码如下（示例）：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>&lt

2021-12-01 21:09:42 1887

原创浮动、浮动元素的大小、浮动元素的位置、环绕与清除浮动

浮动float浮动系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结二级目录三级目录浮动当块状元素需要横向排列时，我们这个时候需要用到浮动我们先针对一个浮动元素对他自己或者同级元素产生的影响来分析：系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录浮动系列文章目录前言一、pandas是什么？二、使用步骤

2021-12-01 18:54:23 259

原创 CSS盒模型

CSS盒模型内边距内边距外边距会产生交叠，内边距不会，没有边框时可以使用内边距代替外边距内边距的部分可以由背景图像修饰内边距可以影响边框的大小

2021-11-30 22:45:25 131

原创 css盒模型

css盒模型Margin & padding外边距四种不同元素的外边距Margin & paddingmarginpaddingborder提示：非块元素，部分参数无效关于这三种的使用方法都差不都，所以演示一种类型的定义方法：代码如下（示例）：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> &

2021-11-29 22:09:25 272

qq_45929209的博客