CSS
CSS
huang714
不断的学习,充实自己。
展开
-
每个程序员都会的35种小技巧
每个程序员都会的35个jQuery小技巧!1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in the search field, th...原创 2019-09-23 11:57:50 · 326 阅读 · 0 评论 -
39 属性选择器
属性选择器属性选择器主要的形式,都在上面的表格里。属性选择器,就是标签选择器后面,紧跟一个方括号,方括号里面是这个标签的属性。属性选择器从ie9开始兼容,所以属性选择器一般用的不多。接下来,我在vscode和浏览器中演示一下。我创建一个新的文件叫"属性选择器.html",在vscode中代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2020-12-10 09:09:46 · 229 阅读 · 0 评论 -
超干货 CSS3/SVG Loading动画集合
随着css3实现各种炫酷动画效果越来越流行。今天给大家推荐一些css3和SVG实现loading加载动画效果。先上一波令人愉悦的动画效果。怎么样,是不是感觉很nice,那就继续往下看吧。这里为大家整理了一些不错的效果。1、CSSFX简单酷炸的css3效果,可一键复制css样式。# 演示地址https://cssfx.lovejade.cn/# github地址https://github.com/Th...原创 2020-09-29 08:46:50 · 4702 阅读 · 0 评论 -
CSS布局大全
一、单列布局1.普通布局(头部、内容、底部) <div class="container"> <header></header> <div class="content"></div> <footer></footer> </div> .container { width: 80%; .原创 2020-09-29 08:46:37 · 3114 阅读 · 2 评论 -
掌握这8个CSS开发工具让你瞬间成为开发高手
CSS是Web开发的基础之一。但是,我们中的一些人却感到非常困惑。这是因为我们没有遵循适当的学习流程,因此我们很难理解CSS的行为。本文旨在通过两种方式为你提供CSS的学习帮助:借助专用工具对CSS进行编码以及通过一些交互环境学习CSS。网上学习制作工具1、 EnjoyCSS地址:https://enjoycss.com/这个工具非常简单,是我们学习使用CSS时的救星...原创 2020-04-26 09:42:12 · 212 阅读 · 0 评论 -
css 各种常见布局整理
在学习各种布局之前我们先来认识各个关键词,理解这些关键词,然后由点到面,这样就简单多了。display属性 页面中每个元素都有一个默认的display属性,它的值与该元素的类型有关,默认值通常是block(元素显示为块元素)或inline(元素显示为行内元素)。此外值为none时,表示隐藏该元素,但是它和visibility属性不一样。把display设置成none元素不会占据它本来应该显示的空间,但是设置成visibility: hidden;还会占据空间。除了上面三个值...原创 2020-09-29 08:46:26 · 669 阅读 · 0 评论 -
超详细常用css布局
一、垂直居中布局绝对定位布局 .parent { position: relative; } .child { width: 200px; height: 200px; position: absolute; left: 0; top: 0; bottom: 0; ..原创 2020-09-30 08:48:02 · 1536 阅读 · 0 评论 -
css优先级
不合理性,论证:CODE:<style type="text/css"><!--.class1 span#id3{font-size:14px}#id1 .class2 .class3{font-size:12px}--></style><div id="id1" class="class1"><p id="...原创 2020-03-23 13:38:55 · 124 阅读 · 0 评论 -
Css布局口诀
一、IE边框若显若无,须注意,定是高度设置已忘记;二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;三、三像素文本慢移不必慌,高度设置帮你忙;四、兼容各个浏览须注意,默认设置行高可能是杀手;五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,...原创 2020-09-29 08:46:16 · 528 阅读 · 0 评论 -
60个非常实用的CSS代码
60个非常实用的CSS代码1、垂直对齐如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑:.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}使用这个技巧,从单行文本、原创 2020-12-10 09:11:37 · 2043 阅读 · 0 评论 -
CSS布局大全-案例
CSS布局大全前几天面试,问我某布局感觉回答不是很OK所以研究了一下各种布局。一、单列布局1.普通布局(头部、内容、底部) <div class="container"> <header></header> <div class="content"></div> <footer></footer> </div> .co.原创 2020-12-10 09:13:27 · 2390 阅读 · 0 评论 -
40 个 CSS 布局技巧
40 个 CSS 布局技巧SS是Web开发中不可或缺的一部分,随着Web技术的不断革新,CSS也变得更加强大。CSS的众多属性你知道了多少?具体开发中该使用什么属性才最适合恰当?如今的一些CSS属性可以让我们节约更多的时间。比如在Web布局中,现代CSS特性就可以更好的帮助我们快速实现如等高布局,水平垂直居中,经典的圣杯布局、宽高比例、页脚保持在底部等效果。淘系前端技术专家大漠将详细介绍一些不同的CSS属性来实现这些效果,希望对同学们有所帮助。一 水平垂直居中如何实现水平垂直居中可以..原创 2020-12-10 09:15:40 · 523 阅读 · 0 评论 -
javasript与css常用函数
JavaScript1. type 类型判断isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String'}isNumber (o) { //是否数字 return Object.prototype.toString.call(o).slice(8, ...原创 2020-05-12 10:31:45 · 206 阅读 · 0 评论 -
CSS选择器笔记
突然看到人家写的css 格式怪怪的,看不明白,查了下,原来有好多种选择器,转了过来。原文地址笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定。=====================CSS选择器笔记阮一峰 整理一、基本选择器序号 选择器 含义 1. *...原创 2020-03-23 13:41:08 · 114 阅读 · 0 评论