- 博客(7)
- 收藏
- 关注
原创 DOM简介
DOM 你好,世界! 该实例展示了getElementById方法 DOM是非常有用的 该实例展示了getElementsByTagName方法 你不好,世界! 该实例展示了getElementsByClassName方法 ...
2021-02-05 17:03:20 134
原创 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关注的人