可见上边的样式可实现半透明的遮罩层，我们只需将一个div标签放置在我们的body中，如下： 在需要遮罩的时候，我们只需将mask变成可见的即可：
转载
2016-09-14 16:31:00
121阅读
2评论
抄自B站Up主CodingStartup起码课 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta nam ...
转载
2021-08-11 23:50:00
380阅读
2评论
CSS代码语法 css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示： 选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。
转载
2019-08-28 10:48:00
344阅读
2评论
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载
2010-12-12 17:28:00
99阅读
2评论
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。可以这么写： p{ text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/ } 如果font-size是12px的话，那么text-indent: 2em则缩进24px。 web标准推荐如下字体定义方法： body { font-family : "Lucida Gr...
转载
2008-08-05 01:39:00
165阅读
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载
2010-12-12 17:28:00
102阅读
2评论
目录(?)[+]ladies and 乡亲们，表单验证你在做吗？客户端or服务器端，javascript or jquery，动手写 or 使用插件，今天我们来探索下使用纯css实现表单验证，借以学习css selectors level 4中的表单相关的伪类选择器。案例欣赏 代码我同样放到了codepen，大家可以在线研究，或下载收藏。知识解析
转载
2021-08-18 00:01:06
352阅读
作者：陈大鱼头github： KRISACHAN (https://github.com/KRISACHAN)关于表单验证在我们的日常业务中，表单验证是个很常见设计需求，像一些登录注册框，问卷调查也都需要用到表单验证。一般我们的实现思路都是JS监听input框的输入内容，判断用户输入内容，从而以此来决定下一步的操作。例如这样：（以下例子来自优秀的开源UI库，element）
原创
2022-04-21 10:06:25
226阅读
1.1、以下选择器当中权重值最高的是（ ）A、#box .innerB、.a .b .c .d .e .f .g .h .i .j .k .l .m .n .o .p .qC、#box divD、outer .inner1.2、a标签的四个伪类是（按照正确顺序书写）：a:link; 、 a:visitive; 、 a:hover; 、 a :active;1.3、块标签：
CSS骚操作之表单验证功能的实现代码效果图如下：原理：表单元素中，有一个pattern属性，可以
原创
2022-07-01 11:38:08
101阅读
目录一、Hello CSS二、CSS语法三、选择器1、元素选择器2、id选择器3、类选择器4、同时根据元素名和类名来选择四、注释五、CSS文件六、CSS优先级七、CSS基础1、尺寸2、背景3、文本4、字体5、鼠标样式6、表格7、边框8、内边距9、外边距10、边框模型11、超链状态12、隐藏八、CSS布局1、绝对定位2、相对定位3、浮动4、显示方式5、水平居中6、左侧固定7、垂直居中8、左右固定9、
转载
2024-01-26 10:23:11
104阅读
<!-- <script type="text/javascript">
$(function(){
$("form :input.required").each(function(){ //为每个class=required的标签追加<
原创
2012-08-01 17:42:51
651阅读
#container { width:760px;margin: auto;border-left: #969696 solid 1px;border-right: #969696 solid 1px;}#header { width:760px; height:140px;backgroun...
转载
2010-12-19 15:52:00
329阅读
2评论
#container { width:760px;margin: auto;border-left: #969696 solid 1px;border-right: #969696 solid 1px;}#header { width:760px; height:140px;backgroun...
转载
2010-12-19 15:52:00
416阅读
2评论
导入样式表 <style> @import url(XXX.css) </style> 导入样式表比链接样式表慢设计代码的结构
原创
2023-01-03 11:51:10
63阅读
1、
验证码
验证是网页常出现的一个
验证点，所谓
验证码类型有很多，下面
代码只是实现一个简单的
验证功能。<div>
<input type = "text" id = "input" value="" />
<input type = "button" id="code" onclick="createCode()"/>
转载
2023-06-09 11:13:01
193阅读
对css opacity属性的验证对于一个opacity < 1的元素，它具有这样的特性：1.其具有一个独立的层叠上下文2.其内部元素无法脱离这个上下文（始终保持opacity的样式）3.其外部元素无法进入这个上下文（无法具有opacity的样式）源于：http://www.w3.org/html/ig/zh/wiki/Css3-color#.E9.80.8F.E6.98.8E.E5.BA.
原创
2013-11-20 14:43:54
1049阅读
居中问题 定位: 将元素居中 将元素水平居中 将元素垂直居中 样式: 文字毛玻璃效果 代码 将元素居中: 1.使
原创
2022-06-20 11:11:46
185阅读
CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。p{
font-size:12px;
color:red;
font-weight:bold;
} 使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。CSS代码语法
转载
2024-06-22 14:52:25
61阅读
代码结构
1. browser mode: standard quirk（兼容旧site ie旧boxmodel）
2. specificity：某个p有自己的特性
p {color: black;}
p.intro {color: grey;}
p .intro 是指包含在p内class为intro的元素
p {backg
原创
2011-11-09 09:10:11
825阅读
