正在加载中

标签 css 下的文章

为博客添加鼠标点击特效(富强、民主、文明、和谐...)全平台通用 V2.0

为博客添加鼠标点击特效(富强、民主、文明、和谐...)全平台通用 V2.0

JavaScript
经过长时间的学习,终于迎来小高潮,更新为2.0版本!2018-10-5 修复预加载js代码失效bug2018-11-3 修复了当鼠标在最右侧点击时导致X轴产生滚动条的问题2019-1-8 更新为2.0版本,修复大量bug,引用自制代码库预览图:使用要求:需要引入自制代码库:...
什么是上下文节点???

什么是上下文节点???

HTMLCSSJavaScript
学html+css的时候有在书上看到过上下文节点,但是也没详细说明,看视频的时候也有人说过,但是也是一笔带过,也没在意,今天学XPath的时候就有关于上下文节点有一个说明,但是只说了一点,没啥详细,所以自己百度了下,如下:代码:<html> <bod...
终于给博客的搜索按钮加上了事件切换器

终于给博客的搜索按钮加上了事件切换器

JavaScript
都是辛酸泪,这几天学这个头大,不过好在我搞定了,并且还不会冲突,兼容ie9以上,相当奈斯!2018-10-5 重新做了兼容,虽然没什么卵用,美名其曰优化代码!效果图:原理就是通过修改class的名字来达到隐藏和显示的效果,并且修复了原来动效不能显示的bug。代码部分(css...
两栏自适应布局

两栏自适应布局

HTMLCSS
两栏自适应布局,顾名思义就是当左边的高度高于右边时,右边会自动补全至其等同于左侧的高度!示意图方法有三种,按原理来算应该只能算两种,为此我们慢慢道来:第一种:margin控制外部大小的方式HTML代码:<div class="div1"> ...
弹性布局flexbox

弹性布局flexbox

CSS
父元素设置:display: flex; justify-content: space-around; align-items: center; flex-flow: column wrap;(可选) 子元素设置:flex: 1; (可选) order: 1;(可选) al...
CSS的简写形式合集

CSS的简写形式合集

CSS
注:| 符号为空格!font:italic(font-style:字体倾斜样式)|small-caps(font-variant:小型大写字母)|bold(font-weight:字体粗细)|12px(font-size:字体大小)/1.5em(line-height:行高...
修复浏览器右侧滚动栏的宽度

修复浏览器右侧滚动栏的宽度

CSS
第一种方法:給html标签添加overflow-y:scroll;    直接給每个页面添加y轴滚动条,这样就不会有偏差了,实际显示的宽度的位置都是一样的。    不过这个就很难看了,伤敌100...
CSS边框图片属性border-image

CSS边框图片属性border-image

CSS
今天学了边框图片,说实话听的是一脸懵逼,个人比较纠结于“大局”,所以一直卡在角和边的设定上,后来经过自己实际测试,得出了一些心得。基本写法:border-image:url(xxx.jpg) 50/20px round;url就是调用一张素材图片50是一个没有写单位的数字,...
字体阴影

字体阴影

CSS
text-shadow:10px(横向偏移) 10px(竖直偏移) 10px(模糊程度,可不写) #000000(阴影颜色);
文本缩进

文本缩进

CSS
wordpress和typecho博客文本缩进的方法,定义文本缩进css属性,在text-indent:输入需要缩进的距离,可以是PX像素,可以是CM绝对距离,也可以是整个页面的百分比10%,最近了解到的,希望能帮到大家。<p style="text-ind...

登录