- 博客(7)
- 收藏
- 关注
原创 DOM简介
DOM 你好,世界! 该实例展示了getElementById方法 DOM是非常有用的 该实例展示了getElementsByTagName方法 你不好,世界! 该实例展示了getElementsByClassName方法 ...
2021-02-05 17:03:20
169
原创 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
385
原创 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
188
原创 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
436
原创 CSS属性选择器、及~=,|=,^=,$=,*=的区别
具有特定属性的HTML元素样式具有特定属性的HTML元素样式不仅仅是class和id属性选择器** [属性]{样式:值;}**例如:把包含标题(title)的所有元素变为蓝色2. 属性和值选择器** [属性=值]{样式:值;}**例如:改变标题title='runoob’元素的边框样式3. 属性和值的选择器-多值[属性~=值]{样式:值;}指定title属性的元素样式 使用(~)分隔属性和值4. 表单样式属性选择器样式无需使用class或id的形式
2020-09-18 11:07:20
1121
原创 CSS:组合选择符基本使用方式
*CSS组合选择符在CSS3中包含了四种组合方式后代选择器(以空格分隔)子元素选择器(以大于号分隔)相邻兄弟选择器(以加号分隔)普通兄弟选择器(以破折号分隔)后代选择器后代选择器用于选取某元素的后代元素以下实例选取所有< p >元素插入到< div >元素中:子元素选择器**与后代选择器相比,子元素选择器(Child selectors)相邻兄弟选择器相邻兄弟选择器(Adjacent sibling selector)可选择紧接着在另一元素后的元素,
2020-09-14 16:23:14
322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅