自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 DOM简介

DOM 你好,世界! 该实例展示了getElementById方法 DOM是非常有用的 该实例展示了getElementsByTagName方法 你不好,世界! 该实例展示了getElementsByClassName方法 ...

2021-02-05 17:03:20 134

原创 js内置对象例子

Document

2021-01-22 18:13:28 181

原创 HTML实例

<!DOCTYPE html> <hrml lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="./index..

2020-09-29 07:54:53 317

原创 CSS3:2D转换(基础)

CSS3:2D转换 让某个元素改变形状、大小、位置 translate( Xpx,Ypx)—移动(根据左、顶部位置给定的参数,从当前位置移动) 例: rotate(number deg(度数))—旋转 例: scale(宽为原来的X倍,高为原来的X倍)—缩放 例: skew(X轴倾斜的度数,Y轴倾斜的度数 )—倾斜 也可拆分为skewX(),skewY() 例: matrix( )—矩阵(中有六个参数,包含旋转、缩放、移动、倾斜功能) 例; ...

2020-09-22 11:27:42 134

原创 CSS3 线性渐变(基础)

CSS3线性渐变(默认从上到下) 语法:#grad{background-image: linear-gradient(#e66465, #9198e5);} 从左到右:#grad{background-image: linear-gradient(to right, red , yellow);} 对角(左上到右下):#grad { background-image: linear-gradient(to bottom right, red, yellow);} 实用角度(逆时针方向) 可以做你想.

2020-09-21 11:29:44 378

原创 CSS属性选择器、及~=,|=,^=,$=,*=的区别

具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id 属性选择器 ** [属性]{ 样式:值; }** 例如:把包含标题(title)的所有元素变为蓝色 2. 属性和值选择器 ** [属性=值]{ 样式:值; }** 例如:改变标题title='runoob’元素的边框样式 3. 属性和值的选择器-多值 [属性~=值]{ 样式:值; } 指定title属性的元素样式 使用(~)分隔属性和值 4. 表单样式 属性选择器样式无需使用class或id的形式

2020-09-18 11:07:20 1004

原创 CSS:组合选择符基本使用方式

*CSS组合选择符 在CSS3中包含了四种组合方式 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器 后代选择器用于选取某元素的后代元素 以下实例选取所有< p >元素插入到< div >元素中: 子元素选择器 **与后代选择器相比,子元素选择器(Child selectors) 相邻兄弟选择器 相邻兄弟选择器(Adjacent sibling selector)可选择紧接着在另一元素后的元素,

2020-09-14 16:23:14 264

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除