css - 随笔分类 - 大西瓜3721

PoshyTip jQuery 文本提示插件的使用

摘要：PoshyTip 是JQuery中一款文本提示插件，在Jsp页面使用相当方便，插件内包含了很多外观样式，可以作为FormTooltips使用。插件包下载地址：http://vadikom.com/files/?file=poshytip/poshytip-1.2.zip PoshyTip Demo 阅读全文

posted @ 2023-12-20 09:56 大西瓜3721 阅读(8) 评论(0) 推荐(0) 编辑

bootstrap开源的后台管理系统模板

摘要：bootstrap-admin[墙裂推荐]https://gitee.com/ajiho/bootstrap-admin 移动端 AdminLTEhttps://github.com/ColorlibHQ/AdminLTE sb-adminhttps://github.com/StartBootst 阅读全文

posted @ 2023-12-20 00:02 大西瓜3721 阅读(502) 评论(0) 推荐(0) 编辑

纯CSS实现可自定义间距虚线边框

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper { position: relative; margin: 100px auto; width: 200px; h 阅读全文

posted @ 2023-12-13 11:18 大西瓜3721 阅读(587) 评论(0) 推荐(0) 编辑

css实现各种优惠券效果

摘要：css实现各种优惠券效果一、左半圆效果 <style type="text/css"> .coupon { width: 240px; height: 100px; margin-top: 15px; background-color: #F56C6C; -webkit-mask: radial- 阅读全文

posted @ 2023-05-10 17:43 大西瓜3721 阅读(1363) 评论(0) 推荐(0) 编辑

微信字体放大影响布局的处理

摘要：下图中是安卓微信中调整字体大小后的效果，行内的font-size:12px !important设置没起作用，个人觉得是webview做了另外的处理，使用getComputedStyle获取到的字体也确实是变大了（而且这是全局的，对所以元素都生效，包括页面加载后append的元素），对设定了绝对值的阅读全文

posted @ 2021-09-13 17:14 大西瓜3721 阅读(810) 评论(0) 推荐(0) 编辑

CSS样式资料积累

摘要：Flex 布局语法教程媒体查询适配不同移动端屏幕尺寸大小 js获取浏览器和设备相关width CSS中的flax布局 CSS之使用display:inline-block来布局文字内容超出两行时显示省略号 css之 Flex布局阅读全文

posted @ 2021-04-17 12:15 大西瓜3721 阅读(38) 评论(0) 推荐(0) 编辑

bootstrap中的col-md

摘要：一句话概括，就是根据显示屏幕宽度的大小，自动的选用对应的类的样式 1、col是column简写：列 2、xs是maxsmall简写：超小， sm是small简写：小， md是medium简写：中等， lg是large简写：大； 3、-* 表示占列数，即占每行row分12列栅格系统比； 4、.col- 阅读全文

posted @ 2021-01-12 14:06 大西瓜3721 阅读(651) 评论(0) 推荐(0) 编辑

前端之HTML，CSS（十一）

摘要：字体图标使用文字做出小图标的效果并超越了小图标应用精灵图，使得图标变得灵活，减少了请求次数，优化了界面的性能。字体图标本身为矢量图。字体图标的使用过程 1.UI设计字体图标效果图使用illustrator或者Sketch矢量图软件创建icon图标，并保存svg格式。 2.前端上传生成兼容性字体阅读全文

posted @ 2020-12-18 16:47 大西瓜3721 阅读(92) 评论(0) 推荐(0) 编辑

CSS3 box-sizing 属性

摘要：这章讲的没有突出重点！ box-sizing 最主要的用法是规定容器元素的最终尺寸计算方式。如果你创造了一个 <div> 没有设置 box-sizing 属性为 border-box(不设置的话默认值为 content-box.)，同时你设置 width:100px; border:10px so 阅读全文

posted @ 2020-12-10 16:54 大西瓜3721 阅读(130) 评论(0) 推荐(0) 编辑

Javascript、Jquery获取浏览器和屏幕各种高度宽度

摘要：Javascript: IE中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.d 阅读全文

posted @ 2017-08-18 10:21 大西瓜3721 阅读(131) 评论(0) 推荐(0) 编辑

移动前端开发之viewport的深入理解

摘要：在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就阅读全文

posted @ 2016-12-17 13:46 大西瓜3721 阅读(180) 评论(0) 推荐(0) 编辑

Bootstrap--全局CSS样式之栅格系统

摘要：Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。一，简介栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局阅读全文

posted @ 2016-09-30 16:31 大西瓜3721 阅读(247) 评论(0) 推荐(0) 编辑

html input readonly 和 disable的区别

摘要：Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们阅读全文

posted @ 2016-08-31 14:56 大西瓜3721 阅读(376) 评论(0) 推荐(0) 编辑

css3制作优惠券

摘要：<div class="demo-container demo"><style> .demo{width:410px;} .stamp *{padding: 0;margin: 0;list-style:none;font-family:"Microsoft YaHei",'Source Code 阅读全文

posted @ 2016-08-31 13:38 大西瓜3721 阅读(239) 评论(0) 推荐(0) 编辑

HTML5 jQuery图片上传前预览

摘要：hTML5实现表单内的上传文件框，上传前预览图片，针刷新预览images，本例子主要是使用HTML5 的File API,建立一個可存取到该file的url，一个空的img标签，ID为img0,把选择的文件显示在img标签中，实现图片预览功能。请选择支持HTML API的浏览器，比如谷歌Chrome 阅读全文

posted @ 2016-06-06 23:58 大西瓜3721 阅读(424) 评论(0) 推荐(0) 编辑

【Web前沿技术】纯 CSS3 打造的10个精美加载进度条动画

摘要：之前向大家介绍8款优秀的 jQuery 加载动画和进度条插件，今天这篇文章向大家推荐10个纯 CSS3 代码实现精美加载进度条动画效果的方案。加载动画和进度条在网站和 Web 应用中的使用非常流行，特别是在使用 Ajax 技术加载内容的应用场景中，使用时尚的加载动画和进度条告诉用户内容正在加载中是一阅读全文

posted @ 2016-06-06 23:22 大西瓜3721 阅读(401) 评论(0) 推荐(0) 编辑

20个非常绚丽的 CSS3 特性应用演示

摘要：这篇文章收集了20个非常绚丽的 CSS3 效果应用演示，这些示例演示了 CSS3 各种新特性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择，以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画，如今使用纯 CSS 代码就可以很容易实现。阅读全文

posted @ 2016-06-06 23:17 大西瓜3721 阅读(277) 评论(0) 推荐(0) 编辑

使用CSS3美化复选框checkbox

摘要：我们知道HTML默认的复选框样式十分简陋，而以图片代替复选框的美化方式会给页面表单的处理带来麻烦，那么本文将结合实例带您一起了解一下使用CSS3将复选框checkbox进行样式美化，并且带上超酷的滑动效果。通常我们使用以下html结构，我们给复选框定义id#checkbox_a1，然后使用labe 阅读全文

posted @ 2016-03-18 23:46 大西瓜3721 阅读(557) 评论(0) 推荐(0) 编辑

CSS 盒子模型（Box model）中的 padding 与 margin

摘要：本文将讲述 HTML 和 CSS 的关键—盒子模型 (Box model) 。理解 Box model 的关键便是 margin 和 padding 属性，而正确理解这两个属性也是学习用 CSS 布局的关键。如果有一点HTML基础的话，就应该了解一些基本元素 (Element)，如 p，h1~h6 阅读全文

posted @ 2016-03-18 11:04 大西瓜3721 阅读(370) 评论(0) 推荐(0) 编辑

CSS中的块级元素与行级元素

摘要：最近初学CSS时对块级元素与行级元素有时会产生混淆，写篇博客记录一下自己对其的理解。先从概念上来看：块级元素特点：1.每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。 2.元素的高度、宽度、行高和顶底边距都是可以设置的。 3.元素的宽度如果不设置的话，默认为父元素阅读全文

posted @ 2016-03-13 22:20 大西瓜3721 阅读(344) 评论(0) 推荐(0) 编辑

大西瓜3721

随笔分类 - css