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

  • css盒子模型_使用边距和填充

    <header class="main-header"> <h1>代码介绍</h1> <nav> <a href="./blog.html">BLOG</a> &l 2024-12-02 10:33:24

  • 成都Web前端中CSS 布局基础 - CSS 视觉格式化基础（css常规流）

    概述：成都Web前端培训中一定会学习到CSS布局的一些内容， 本书主要讲解 CSS 可视化渲染的理论部分。为什么用整本书来写可视化渲染的理论基础呢？答案是，作为一个 CSS 内包含的如此开放和强大的模型，在一本书中想要涵盖属性和效果的每一种可能的组合方式是不可能的。很明显，我们会在使用 CSS 时发 2024-12-02 09:33:25

  • 用css3写出一个平行四边形

    今天要布局的网页背景是一个平行四边形，切图作为背景不好，很影响网页的打开速度，，那么这个平行四边形就css代码写出来，可以用css3的CSS3 transform 旋转的属性写出来，就是transform：skew，全是css代码写的可好了，大爱css3。先看下效果：代码如下：<!Docty 2024-12-02 08:47:15

  • 初学者：HTML+CSS静态网页开发——网页布局

    在学习完了基本的HTML+CSS标签之后，就可以尝试写一些简单的静态网页啦~练习的过程是充满成就感的，值得反复体会和思考！网页结构简单提一下常用于表示网页机构的标签：header 整个页面的标题（也可表示一个内容区块）main 页面主体部分footer 整个页面的脚注（也可表示一个内容区块）arti 2024-12-02 08:32:41

  • CSS3实现三角形、尖括号

    一、border实现实心三角形效果1.其中宽度（width）、高度（height）均需要设置为0；2.4个边框都要写，只保留需要的边框的颜色，但是不能省略，不需要的可以设置为透明；3.加上font-size:0;line-height:0;解决兼容性问题。当宽高均为0时，设置上右下左四个边框，将会形 2024-12-01 14:15:18

  • 10个GitHub上超火的CSS奇技项目，找到写CSS的灵感

    如果 CSS 是女孩子，肯定如上图那样吧 ~简介一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。初步前端与高级前端之间，最大的差距可 2024-12-01 13:03:24

  • HTML+CSS基础入门开发，双子星css水平移动相对动画特效

    大家好，本篇文章分享双子星水平位移相对动画特效，欢迎参考和指正。效果图：双子星水平位移相对动画特效HTML代码：<div class="tui-demo-6"></div>CSS代码：<style type="text/css"> .tui-demo-6 { 2024-12-01 12:18:34

  • 用 CSS 背景混合模式制作高级效果

    前言如果「一图胜千言」，那多图混合创造的效果要超过千言万语。同理，CSS 的混合模式为设计带来的可能性远远超出了你的想象。你所听到的 CSS 混合模式，就是三个被现代浏览器所广泛支持的 CSS 属性。这三个属性包含了： - background-blend-mode：用于混合元素背景图案、渐变和颜色 2024-12-01 11:34:31

  • css选择器（css类别选择器）

    如果要给一个html标签添加样式，使其变个更加美观。那么就要先选中它。否则鬼才知道你要给谁加样式呢。就好比你要让Tom帮你拿杯水，那你先必须叫他的名字，在对他说：帮我拿杯水过来。否则，鬼知道你在让谁帮你拿杯水过来。在开始之前，我们先创建一个index2.html文件，用来学习下面的效果使用：内容如下 2024-11-28 11:18:53

  • 有趣的CSS小示例：好看的皮囊千篇一律，有趣的灵魂万里挑一

    文字加载...动画html正在加载中<dot>...</dot>cssdot{ display: inline-block; height: 1em; line-height: 1; text-align: left; vertical-align: - 2024-11-28 11:04:05