![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
羊咩咩和喵呜
愿自己初心不改,坚定不移
展开
-
响应式设计之媒介查询
转发的博客原文链接https://blog.csdn.net/liuhe688/article/details/51381749原创 2020-04-02 16:56:02 · 131 阅读 · 0 评论 -
点击小图切换背景图片加雪花特效js代码
tab的切换利用js的点击事件从而做到:点击小图切换背景大图新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图片拖拽 功能,你可以将本地的图片直...原创 2020-03-11 17:49:48 · 524 阅读 · 0 评论 -
图标实现文件的上传下载
今天由于项目的bug再改,我写一篇博客纪念解决的小图标bug,不废话了,上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scal...原创 2019-09-25 20:43:15 · 440 阅读 · 0 评论 -
关于鼠标的样式,文字域的小
鼠标的样式cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状cursor: default (小白) | pointer 小手| move(移动(十字型) | text 文本(竖线)轮廓outline:是绘制于元素周围的一条线,位于边框边缘的外围,可以起到突出元素的作用.outline:outline-color | outline-style | ou...原创 2018-10-14 21:21:36 · 155 阅读 · 0 评论 -
定位 的分类
定位的分类**1. 静态定位(static)**就是网页所有的元素都默认都是静态定位,其实就是标准流的特点。在静态定位状态下,无法通过边偏移属性(top、bottom、left、right)来改变元素的位置。静态定位唯一的用处就是取消定位。2. 相对定位(relative)注意 相对定位最重要的是,他可以通过边偏移量位置,但是原来的所占的位置,继续占有;每次移动的位置,是以自己的左...原创 2018-09-28 21:59:20 · 2629 阅读 · 0 评论 -
定位
定位(position)1.为什么要用定位?为了实现更牛逼的网页元素的定位属性:包括定位模式和边偏移量两部分:边偏移量边偏移属性的 描述:top; 顶端偏移量,定义元素相对于其父元素上边线 的距离.bottom : 底部偏移量,定义元素相对于其父元素下边线 的距离left :左侧偏移量,定义元素相对于其父元素左边线 的距离right :右侧偏移量,定义元素相对于其父元素右...原创 2018-09-28 21:46:53 · 210 阅读 · 0 评论 -
浮动
体会浮动什么是浮动?元素脱离了普通的标准流 的控制,移动到其父元素中指定位置的过程.在CSS中,通过float属性来定义浮动,其基本格式float:left | right |none;left:靠左(如果有下一个一样会紧跟上一个,挨在一起)一般为默认属性right:靠右;none:不浮动按照正常的排列普通流:浮动和定位是CSS的定位机制普通流:是指按照顺序排列;浮动;实现块级...原创 2018-09-28 21:15:27 · 117 阅读 · 0 评论 -
块级,行内,行内块元素
显示模式(display)的几个属性: block-level(块级元素): 常见标签:<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6&g原创 2018-08-21 20:01:06 · 2852 阅读 · 1 评论 -
text-decoration装饰
text-decoration装饰: text-decoration:none(默认) text-decoration:blink(闪烁) text-decoration:underline(下划线) text-decoration:line-through(贯穿线)类似于删除线 text-decoration:overline(上划线)<!DOCTYPE html>...原创 2018-08-21 19:36:28 · 498 阅读 · 0 评论 -
3D变形(CSS3)
在CSS3中坐标系与数学中有些不同。 在左手系中,伸出左手,让拇指和食指形成L,大拇指向右,食指向上,中指指向前方。。这样我们就建立了一个左手系,拇指,食指,中指分别代表X轴Y轴Z轴的正方向。 CSS3中的3D坐标与上述的坐标是有一定区别的,相当于其绕着X轴旋转了180°。 简单记住就是: x轴左边是负,右边正 y轴上面是负,下面正 z轴里面是负,外面正...原创 2018-08-16 16:18:48 · 488 阅读 · 0 评论 -
利用CSS制作翻转后不同的两面
我们需要两张大小一样的图片,一张做前面,一张当做反转后的,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子翻转</title> <style>原创 2018-08-16 16:07:57 · 1472 阅读 · 0 评论