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

  • CSS美化button按钮样式

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> /*button样式*/ .global-button { width: 75px; 2024-08-22 08:04:24

  • 前端面试—CSS三栏布局实现方式

    题目：假设高度已知，请写出三栏布局，其中左栏、右栏高度各为300px，中间自适应<!DOCTYPE html><html><head><meta charset="utf-8"><title>Layout</title>< 2024-08-21 11:00:10

  • css垂直居中的方法（css多行文字垂直居中）

    一、单行内容的居中只考虑单行是最简单的，无论是否给容器固定高度，只要给容器设置 line-height 和 height，并使两值相等，再加上 over-flow: hidden 就可以了.middle-demo-1{height: 4em;line-height: 4em;overflow: hi 2024-08-21 10:33:15

  • CSS简写指南（css清除列表默认样式）

    高效的CSS写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：color：#113366 可以简写 2024-08-21 10:03:07

  • CSS calc() 函数的介绍与使用方法

    在HTML页面的DIV布局中，如果我们把DIV的宽度当做一个计算公式，让浏览器去自动去计算它们的值是不是很有意思呢？那么今天就说一下，CSS中的一个关于计算的函数 calc() calc() 函数介绍calc()：英文单词calculate(计算)的缩写，是 css3 新增加的一个功能。它可以动态的 2024-08-21 09:48:33

  • 前端CSS的box-sizing属性讲解与应用场景

    box-sizing是什么？box-sizing是定义元素宽度与高度范围的属性，简单点说：当我们在开发自适应布局的时候，经常会出现DIV的边框而导致DIV自动换行。从上图可知，当我们设置两个DIV 分别为宽度200的时候，在加上边框各自2px无法满足同一水平线对其，因此只能换行处理。当我们将父边框b 2024-08-21 09:18:07

  • CSS绝对定位7大应用场景实战案例分享

    绝对定位是CSS中非常中啊哟的知识点，接下来我我们会通过7个不同的层面结合7个不同的案例来展开讲解！绝对定位元素的特性使元素完全脱离文档流,将释放自己的位置元素的层级提升，会覆盖在其它元素上离自己最近的定位父元素进行位置调整，如果没有定位的父元素，则相对body进行位置调整元素支持宽高设置margi 2024-08-21 09:03:10

  • 如何用css画正三角形？

    首先，我们知道用边框实现一个三角形很简单，直接上代码上图。<div class="content"> <div class="up"></div></div>.triangleTest { .content div { 2024-08-21 08:33:13

  • 关于 Sass 文档(scss在线转css)

    基本信息Sass：（Syntactically Awesome Style Sheets）它是一个强大的工具，它为 CSS 语言提供了一些有用的编程特性，如变量、函数、导入和导出。Sass 文件具有扩展名 (.scss)，我们以与 CSS 文件类似的方式将它们链接到 HTML 文件。设置环境1) 在 2024-08-21 08:18:30

  • Python全栈 Web（CSS常用样式大全）(css逆时针旋转90度)

    常用内联样式： func-size color background-color内部样式表： <style> 选择器1{ 属性：值； } 选择器2{ 属性：值； } ... </style>外链方式： <link rel= 2024-08-21 08:03:41