css
銨靜菂等芐紶
这个作者很懒,什么都没留下…
展开
-
前端 CSS 用法技巧集合
转自:http://www.pinlue.com/article/2020/09/1718/1711241398313.html原创 2020-10-09 10:52:19 · 224 阅读 · 0 评论 -
CSS 8种让人眼前一亮的hover效果。
转自:http://www.pinlue.com/article/2020/09/1011/4711223355103.html原创 2020-10-08 11:52:54 · 271 阅读 · 0 评论 -
分享 20个 CSS 快速提升技巧。
转自:http://www.pinlue.com/article/2020/07/2814/2211088479753.html原创 2020-10-07 12:11:00 · 184 阅读 · 0 评论 -
100%在CSS中是什么意思?
转自:http://www.pinlue.com/article/2020/09/0413/1211184961256.html原创 2020-10-06 14:01:55 · 176 阅读 · 0 评论 -
前端 CSS 常用的几个用法技巧
转自:http://www.pinlue.com/article/2020/09/1718/1711241398313.html原创 2020-10-05 15:24:11 · 173 阅读 · 0 评论 -
CSS基础:什么是CSS
转自:http://www.pinlue.com/article/2018/11/2316/337601853438.html原创 2020-10-05 14:06:12 · 189 阅读 · 0 评论 -
12个例子带你入门Electron
转自:http://www.pinlue.com/article/2020/09/2410/2111255521201.html原创 2020-10-03 21:57:01 · 844 阅读 · 0 评论 -
如何使用内联的 CSS 变量,提高灵巧布局效率?
转自:http://www.pinlue.com/article/2020/09/1706/0011240436121.html原创 2020-09-28 22:46:17 · 110 阅读 · 0 评论 -
教你使用内联的 CSS 变量技巧,提高灵巧布局效率
转自:http://www.pinlue.com/article/2020/09/1706/0011240436121.html原创 2020-09-30 23:19:36 · 171 阅读 · 0 评论 -
3行核心CSS代码的rate评分组件
转自:http://www.pinlue.com/article/2020/09/1918/3311245254923.html原创 2020-09-24 13:06:52 · 136 阅读 · 0 评论 -
100%在CSS中是什么意思?
转自:http://www.pinlue.com/article/2020/09/0413/1211184961256.html原创 2020-09-23 16:23:18 · 232 阅读 · 0 评论 -
分享:CSS 8种让人眼前一亮的hover效果
转自:http://www.pinlue.com/article/2020/09/1011/4711223355103.html原创 2020-09-21 12:03:40 · 120 阅读 · 0 评论 -
分享给你20个 CSS 快速提升技巧,赶快收藏
转自:http://www.pinlue.com/article/2020/07/2814/2211088479753.html原创 2020-09-20 12:09:12 · 104 阅读 · 0 评论 -
VBS脚本获取工作目录的2种方式。
转自:http://www.pinlue.com/article/2019/07/1921/089347914942.html原创 2020-09-16 16:51:44 · 525 阅读 · 0 评论 -
CSS实现网页分栏布局的方法:绝对定位和浮动。
在CSS中,实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项(absolute 、static、relative和fixed)中的绝对定位(absolute positioning),它可以将文档中的某个元素从其原本位置上移除,并重新定位在期望的任何地点之上。第二种则是使用CSS中的浮动(float)概念。绝对定位或浮动都能够用来实现分栏效果。二者可以独立使用,也可以结合在一起,相辅相成。1、绝对定位绝对定位的优势在于,我们可以丝毫不差地精确控制任何元素的位置—这里面没有...转载 2020-09-15 18:20:26 · 861 阅读 · 0 评论 -
PyQuery库使用详解。
转自:http://www.pinlue.com/article/2020/09/0900/1211212911516.html原创 2020-09-14 13:25:10 · 263 阅读 · 0 评论 -
分享一个让你的页面渲染速度提升数倍的CSS属性。
转自:http://www.pinlue.com/article/2020/09/0413/1411184961356.html原创 2020-09-14 12:16:47 · 165 阅读 · 0 评论 -
css怎么设置鼠标手势?
转自:http://www.pinlue.com/article/2020/06/2610/5610830717429.html原创 2020-09-13 12:20:49 · 253 阅读 · 0 评论 -
盘点20个 CSS 技巧 ,赶快收藏。
转自:http://www.pinlue.com/article/2020/07/2814/2211088479753.html原创 2020-09-11 12:10:39 · 151 阅读 · 0 评论 -
最常用 Shell 命令集合。
转自:http://www.pinlue.com/article/2020/08/2605/1611149608401.html原创 2020-09-09 23:28:18 · 147 阅读 · 0 评论 -
CSS如何实现字体小于12px的效果?
转自:http://www.pinlue.com/article/2020/07/2120/2911060434935.html原创 2020-09-09 15:32:10 · 424 阅读 · 0 评论 -
HTML/CSS中的空格处理,如何保留页面中的空格?
转自:http://www.pinlue.com/article/2020/07/1807/2511043829631.html原创 2020-09-05 23:03:50 · 174 阅读 · 0 评论 -
CSS 实现下划线的N个姿势。
转自:http://www.pinlue.com/article/2017/05/2920/252207818006.html原创 2020-09-05 14:45:24 · 391 阅读 · 0 评论 -
20个 CSS 快速提升技巧
转自:http://www.pinlue.com/article/2020/07/2814/2211088479753.html原创 2020-09-05 09:54:57 · 196 阅读 · 0 评论 -
css布局技巧:元素居中的多种方法。
转自:http://www.pinlue.com/article/2020/08/1723/0911138750446.html原创 2020-09-04 17:24:04 · 130 阅读 · 0 评论 -
拒绝JavaScript,这三个CSS技巧你一定用的上
转载自品略图书馆http://www.pinlue.com/article/2020/03/1613/0810028853254.html本文介绍三个非常棒棒的CSS技巧,完全可以在你的项目中代替JavaScript,一起来看看这些技巧吧。:active伪类与CSS数据上报超实用超高频使用的:empty伪类用好:only-child伪类1. :active伪类与CSS数据上报如果想要知道两个按钮的点击率,CSS开发者可以自己动手,无需劳烦JavaScript开发者去埋点:..转载 2020-09-08 15:51:02 · 107 阅读 · 0 评论 -
前端零基础入门: 用css设置文字样式
经过前面的文章,相信大家已经基本了解了前端最基本的一些规则了:html搭建结构,承载内容css则可以利用选择器,来为相应的html标签设置样式前面提到过的样式有最基础的盒模型相关属性:边框(border)以及背景(background),有了这两个家伙之后我们基本上就能清楚的看到一个盒子的相貌了,那么现在我们就可以往里面添加一些内容了。最基础的内容当然是文字,当我们把文字放进标签里面之后则可以来探讨一下该如何去设置文字的样式了:颜色,大小等等。文字的设置大体可以分为这两个个方面.转载 2020-09-03 17:00:55 · 1973 阅读 · 0 评论 -
css实现保持div的等宽高比
转载自品略图书馆http://www.pinlue.com/article/2020/07/1906/5311049116203.html这篇文章主要为回答这个问题:“做响应式网页,如何让一个div的高和宽保持比例放大或是缩小?”,这里不介绍媒体查询的实现。那么css如何实现高度height随宽度width变化保持比例不变呢?即给定可变宽度的元素,它将确保其高度以响应的方式保持成比例(即,其宽度与高度的比率保持恒定)。下面以高宽 2:1 为例,通过2种方式来实现这种效果。方式一:利用..转载 2020-09-01 19:06:59 · 575 阅读 · 0 评论 -
js动态添加css。
转载自品略图书馆http://www.pinlue.com/article/2019/11/0413/539768436344.html为了节省代码和写出更兼容的代码,有时我们需要用Javascript动态的增加CSS样式。IE下,我们可以使用 document.createStyleSheet() 方法;而在非IE浏览器上,就不支持这个方法。可以使用document.styleSheets[0],但要求网页里必须最少已经加载过一个样式表。后来我找到以下方法,可以在Firefox、Ope..转载 2020-08-31 18:33:11 · 1117 阅读 · 0 评论 -
浅谈:HTML、CSS和JS如何变成页面的
转载自品略图书馆http://www.pinlue.com/article/2020/05/1122/5410504371911.html我们经常写 HTML 、 CSS 和 JavaScript ,写好这些之后,我们就会在浏览器中看到页面,那浏览器究竟在这背后做了一些什么事情呢?本篇文章将揭晓答案!了解浏览器的渲染原理是我们在通往更深层次的前端开发中不可缺少的,它可以让我们从更深层次、角度去考虑性能优化等~下面进入正文~进程、线程浏览器会分配一个线程“自上而下,从左到右”依次解析和渲.转载 2020-08-30 13:15:53 · 197 阅读 · 0 评论 -
CSS浮动
转载自品略图书馆http://www.pinlue.com/article/2020/07/2412/2511068553334.html首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图:可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。注意,以上这些理论,是指标准流中的div。无论多么复杂的布局,其基本出发点均是:“如何在一行显示多个div元素”。显然标准流已经无..转载 2020-08-27 16:56:05 · 125 阅读 · 0 评论 -
css布局技巧.
转载自品略图书馆http://www.pinlue.com/article/2020/08/1723/0911138750446.html经常碰到有同学在问,如何让一个元素上下左右都居中呢?相信大家在面试的时候也会经常碰到这个问题,一下列出来几种方式以供大家参考,如有不足之处,请大家补充问题描述:给定两个元素,这两个元素是父子级关系。并且两个元素的大小都是不确定的,那么这时候如何让子级在父级中上下左右都居中?(暂且设定父级比子级要大一些)第一种:利用定位先上代码及...转载 2020-08-25 12:17:42 · 128 阅读 · 0 评论 -
css布局技巧:元素居中的多种方法
经常碰到有人在问,如何让一个元素上下左右都居中呢?相信大家在面试的时候也会经常碰到这个问题,一下列出来几种方式以供大家参考,如有不足之处,请大家补充问题描述:给定两个元素,这两个元素是父子级关系。并且两个元素的大小都是不确定的,那么这时候如何让子级在父级中上下左右都居中?(暂且设定父级比子级要大一些)第一种:利用定位先上代码及效果: ...转载 2020-08-23 23:02:41 · 309 阅读 · 0 评论 -
转型做web前端,该怎么转?可发展的方向有哪些
转载自品略图书馆http://www.pinlue.com/article/2020/06/1812/3510762929354.html本文将以UI设计师转型做web前端作为案例,详细解读学web前端该学习哪些专业知识!当然也适用于所有想转型web前端的亲们!如何学习web前端知识转型?不少UI设计师想要学习web前端知识,一方面是喜欢那些华丽的网页特效,另一方面则是想成为全栈式UI设计师。1HTML/CSS学习第一阶段,你要从最基础的HTML/CSS 开始,简单地说,H...转载 2020-08-23 15:46:19 · 255 阅读 · 0 评论 -
浅谈HTML中CSS选择器的使用!
转载自品略图书馆http://www.pinlue.com/article/2019/11/1022/359781842128.html一、元素选择器1、书写格式:标记名{/*生命块*/}2、所有与该标记匹配的元素,都将应用声明块中的规则二、类选择器1、书写格式:.类名{/*声明块*/}类名为 class的值2、所有class属性为指定类名的元素,都将应用声明块中的规则eg:<p class="color_blue size"> .color_blue..转载 2020-08-22 15:59:01 · 191 阅读 · 0 评论 -
CSS通用数据类型.
转载自品略图书馆http://www.pinlue.com/article/2017/03/0715/11616908242.htmlCSS属性的值有许多格式。用户代理(浏览器)在判断一个值是否有效时,需要确认该值是否符合某种特定类型值的格式要求。这些数据格式的类型叫做数据类型,在规范中用<this>的形式标识。CSS有两种数据类型:特定数据类型和通用数据类型。特定数据类型只与一个单独的属性或某一类属性有关联。例如,<transform-function>这一数据类型..转载 2020-08-22 15:12:27 · 214 阅读 · 0 评论 -
CSS3属性transform详解。
转载自品略图书馆http://www.pinlue.com/article/2018/09/2609/257361593417.html在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理,本文将对此做详细介绍。一.旋转 rotate用法:transform: rotate(45deg);共一个参数“角度”,单位deg为度的意思,正数为顺时针旋转,负数为逆时针旋转,上述代码作用是顺时针旋转45度。二.缩放 scale用法:transf..转载 2020-08-21 14:43:24 · 186 阅读 · 0 评论 -
CSS3 font-face使用
在 CSS3 之前,web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3,web 设计师可以使用他们喜欢的任意字体。当您找到或购买到希望使用的字体时,可将该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。您“自己的”的字体是在 CSS3 @font-face 规则中定义的。@font-face的语法规则:@font-face { font-family: <YourWebFontName>; src: <source> [&转载 2020-08-20 18:37:47 · 166 阅读 · 0 评论 -
盘点前端开发人员必须掌握的10个CSS选择器。
转载自品略图书馆http://www.pinlue.com/article/2020/07/0412/5610968788747.html对于任何网站而言,要让用户产生良好印象是什么地方?…是的……任何网站的用户界面。每个开发人员都知道为用户创建美观的设计以便与任何网站进行交互非常重要。如果你不太了解CSS及其选择器,那么在最短的时间内巧妙地对网页进行样式设置并不是一件容易的事。CSS选择器针对HTML文档中的指定元素,并帮助开发人员将样式应用于网页。你可能具有一些基本的CSS...转载 2020-08-20 23:11:57 · 165 阅读 · 0 评论 -
DIV+CSS最常用的网页布局代码11例。
转载自品略图书馆http://www.pinlue.com/article/2019/03/2104/598296899335.htmldiv css布局不同于table布局,它主要是按列来计算,而table是嵌套实现。这里列举了最常见的几种布局代码:单行一列CSS Code复制内容到剪贴板body{margin:0px;padding:0px;text-align:center;}#content{margin-left:auto;margin-right...转载 2020-08-18 22:52:30 · 5031 阅读 · 0 评论