![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
文章平均质量分 78
賣可樂的男孩
博客文章供自己学习复习使用,若能帮到你,非常荣幸。不能帮助,勿喷!
展开
-
简单特效处理
圆角可以写4个数值 写一个表示4个角 写4个表示 左上 右上 右下 左下。/* 放大/缩小 可以单方向放大缩小 X,Y */第二个表示过渡的时间 从起始位置到结束位置的时间。注:后面的值需要自己设置,以下的值都是例子。第一个值 表示X轴 正数向右 负数向左。第一个属性表示 过渡的属性(宽,高,旋转)第二个值 表示Y 正数向下 负数向上。测试:通过这个小方块测试上面的属性。圆角像素为高度的一半。第三个表示运行的曲线(匀速)/* 改变旋转中心 *//* 根据Y轴缩放 */第三个值 表示模糊范围。原创 2022-09-07 22:00:41 · 87 阅读 · 0 评论 -
盒子模型简单了解
给内部div写外间距,出现两个div一起移动的效果,在外层div写overflow */),这里我们就看到一个元素的盒子模型(div、p…蓝色部分是我们的主体内容。三个值分别代表------>大小 线条样式(实线,虚线)颜色。/* 3个值 大小 线条样式(实线,虚线)颜色 *//* 使用外间距以及内间距来进行元素位置的确定。三个值:第一个为上,第二个为右左 第三个为下。/* 顺序:顺时针 上右下左 *//* 外间距 与内间距相同 */四个值分别表示---->上右下左。/* 内间距 单独设置*/原创 2022-09-07 21:34:21 · 437 阅读 · 0 评论 -
层模型简单了解
有4个元素可以设置标签的位置:left/right/top/bottom 可以通过调节这4个值的大小来确定标签的位置。在这里 999表示最顶层 也可以写9/99/999/9999/99999...z-index:z-index 定义层数 只有配合定位position 才能使用;/* 注意我们采用坐标的方式来进行定位--x(top),y(left)-1 表示在底层的下面(这个时候这个层是不能被选中的)表示最顶层 也可以写9/99/999/9999/99999…参照的是(body或经过的处理)元素的左上角。原创 2022-09-07 21:08:57 · 129 阅读 · 0 评论 -
HTML基本元素(块元素、行内标签、内联块元素、表单、表格)
type设置其样式、style=“list-style:none;:行内块状元素 与其他行内元素在用一行 可设置宽高。div:划分区域 style设置宽高。:独占一行,能通过style设置宽高。标题标签:h1~h6、只有1到6。特别声明:注意本文代码中的注释。p标签:文本—本质也是div。有序:样式默认为1,2,3…:不独占一行 宽高无效。原创 2022-08-30 20:02:04 · 187 阅读 · 0 评论 -
css简介与选择器(优先级)
html是对网页划分区域css是对划分区域的美化选择元素{属性1:属性值1,属性2:属性值2…}原创 2022-09-04 13:14:38 · 163 阅读 · 0 评论