服务器之家
您的位置： 首页 编程语言
全部 Javascript css php

  • 解决前端一切布局的神器：CSS3 Flex弹性布局

    前言Flex（Flexible Box），意为”弹性布局”。“弹性”，顾名思义，就是具有弹簧的特性，能够自由的伸缩（有点自适应的意思）。其实Flex并不是最近才出现的，而是早在十年前它就被提出。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已 2024-11-20 09:32:13

  • PHP实战之WEB网站常见受攻击方式及解决办法

    一个网站建立以后,如果不注意安全方面的问题,很容易被人攻击,下面就讨论一下几种漏洞情况和防止攻击的办法跨站脚本攻击(XSS)跨站脚本攻击（XSS，Cross-site scripting）是最常见和基本的攻击WEB网站的方法。攻击者在网页上发布包含攻击性代码的数据。当浏览者看到此网页时，特定的脚本就 2024-11-20 09:17:19

  • css零基础自学教程（七）css链接样式，自定鼠标样式

    一 css链接链接可以使用任何css属性(例如,color,font-family,background等)来设置样式.另外,链接的样式可以不同,具体取决于所处的状态.以下伪选择器可用:a:link 定义正常的为访问链接的样式a:visited 定义访问链接的样式a:active 一旦点击链接,链接 2024-11-20 09:01:59

  • 使用CSS实现苹果官网渐变文字效果

    效果分析文字是从左到有慢慢呈现出来，不是整体消失和出现，那么肯定不能使用透明度。我们可以想到渐变文字，然后通过改变背景的位置来控制文字的显示与隐藏。渐变文字渐变文字该如何实现呢？这是实现这个效果的关键步骤。其实就是给文字设置渐变背景，然后将文字自身的颜色透明化，最后做一个背景裁切。h1 { ba 2024-11-20 08:47:20

  • 浅谈CSS布局之圣杯布局和栅格布局

    　　检验前端的一个基本功就是考查他的布局。很久之前圣杯布局风靡一时，这里就由圣杯布局开始，到最流行的Bootstrap栅格布局。圣杯布局　　先来看看圣杯布局，这是一种三列布局，两边定宽，中间自适应的布局，案例如下<!DOCTYPE html><html><head& 2024-11-20 08:32:07

  • css实现简单的弹出层提示效果

    tooltip提示效果经常会使用到，会运用到的场景是一些信息提示标识网页中。具体效果：实现代码html:title的值就是弹出层的内容！css: 2024-11-20 08:17:16

  • CSS水平垂直居中布局方案概述

    在前端开发中，通过CSS实现布局容器的居中，也有诸多方法方式，当然也是CSS面试题中的经典面试题，在本文章中会系统的分析综述 通过 Flexbox 布局模块 与 CSS Grid布局模 实现容器的居中效果。在传统解决方案，基于盒状模型，依赖 display属性 + position属性 + floa 2024-11-20 08:02:28

  • php 获取昨天日期的一些小知识点

    1，一段简短的检测ie浏览器的js代码if (!document.all) {alert('IE11+ or not IE');}if (document.all && document.addEventListener && window.atob) {alert( 2024-11-19 10:32:21

  • 常见网站的CSS Reset（默认样式）

    CSS Reset是指样式重置，主要用于清除浏览器里面的默认样式，有利于页面布局。以下总结了一些常见网站使用的默认样式，供大家参考。淘宝html {overflow-x:auto;overflow-y:scroll;}body, dl, dt, dd, ul, ol, li, pre, fo 2024-11-19 10:17:24

  • JavaScript魔法：如何用几行代码实现令人惊艳的页面动态效果（css淡入淡出效果）

    随着互联网的发展，网页的视觉效果越来越重要。为了吸引用户的注意力和提升用户体验，页面动态效果成为了不可或缺的一部分。JavaScript作为一种前端开发语言，可以帮助我们实现各种各样的页面动态效果。本文将介绍一些常见的页面动态效果，并提供实例代码供参考。一、利用CSS和JavaScript实现简单的 2024-11-19 10:02:37