四时宝库

程序员的知识宝库

WEB前端开发工程师必备实用的50个CSS技巧

这里我工作中收集了10个很不错的CSS技巧,你可以用在你的项目上。它可以帮你很好地整理你的元素并让他们看起来蛮酷的。下面开始我们的内容,希望你会喜欢它。下面是我收集的CSS技巧,希望能帮助到你,感觉收藏吧。

1. 黑白图像

这段代码会让你的彩色照片显示为黑白照片,是不是很酷?

img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
}

为什么有的网页上的文字不能复制?我偏要复制!

经常在网上查阅资料的人可能会碰到一种情况:好不容易找到了自己想要的资料,无奈复制不下来!

既然是人写的网页,那必然是在里面加入了限制才让你不能复制其中的内容。我们来看看是加了什么东西:其实都不用js代码,只要几行css就能实现禁止复制功能了。代码如下:

body{-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-select: none;
}

若依系统 | 改造数据表格只允许选择一行

需求:

而若依系统做好的基础功能中,为角色分配用户时,选择用户功能是可以选择多个的,这在这种需求场景中是需要多选的。而有时候我们在选择数据行的时候,需要只选择一行的功能,比如:为某个专业设置一个专业负责人,就需要弹出用户数据表,然后从中选择一个用户作为专业负责人。

每次用到都要查书的css(1)

本人生性愚钝,好多css用法记不住,每次用到的时候都要去查一查,哎!只好在头条里记下来,每次需要的时候找出来,一个字“好找”。废话不多讲,直接开练:

1、outline(input获取焦点后出现边框)

/*一般设置成 none*/

textarea:focus, input:focus{

outline: none;

}

2、contenteditable(规定元素内容是否可编辑)

CSS3伪装元素,尽管没有得到完美的兼容,仍有很强的用途

在CSS3增强用户界面的新属性中,提供了一个名为appearance的属性。该属性的大部分取值主流浏览器是不兼容的,但是仅有的两个取值一定有很强的用途。本篇文章小海前端(头条号)就为大家来介绍该属性的用法,并通过一个简单的实例结合上一篇文章中讲到的几个CSS3属性来学习它们的综合用法。

承接文章:

干货:HTML中高效获取下拉菜单select中的值

Javaweb

在我们日常的javaweb开发过程中呢,会经常遇到获取表单中的下拉菜单中的value以及他的text,下面我来教大家两种方法。(推荐第二种哈~,希望大家多多评论点赞呀,上一篇文章中,各位猿媛光想着收藏,都看不到你们给我写的评论,桑心~~)


假如我们的select长这样:

<select id="myselect">

快速了解JavaScript选择框操作(js选择框全选)

在HTML中使用 <select>

前端开发中常见的浏览器兼容性问题及解决方案大汇总

前言

今天就来聊聊在为了您更好的体验,本文章聊聊如何仅支持谷歌浏览器访问查看页面?这篇文章中提到的浏览器兼容问题,以此篇文章来证明自己并非不了解浏览器兼容性问题,而是当时其他因素导致选择了一刀切的方法来处理需求(我就是一个不粘锅)。

嘿,xdm~既然点进来了,不妨就继续看下去吧^_^

网页禁止复制操作实现方法汇总(如何复制网页禁止复制的文字)

我们经常在某些网站上复制内容的时候发现,竟然复制不了。友好的交互还会弹窗告诉你,登陆后才能复制哦。那么网站是如何阻止用户复制的呢?今天帮大家汇总一下能够实现的方法。

  1. JavaScript脚本的方式

通过JavaScript脚本限制复制功能是最常用的方法,具体的实现方式有以下几种:

一次伪静态页面的SQL注入(iis伪静态)

公众号:白帽子左一
专注分享渗透经验,干货技巧...
.

前言

最近工作繁忙,许久没有挖洞,打开度娘,凡事随缘,偶米头发~~(⊙﹏⊙)

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接