中间件:

工具:

CSS

  • CSS in JS (JSS)

    CSS in JS (JSS)简单来说,一句话概括CSSinJS(JSS),就是’行内样式’(inlinestyle)和’行内脚本’(inlinescript)。

    2023-11-18
    108
  • postcss简介

    postcss简介https://github.com/postcss/postcss/blob/master/README-cn.mdPostCSS是一个允许使用JS插件转换样式的工具。这些插件可以检查(lint)你的CSS,支持CSSVariables和Mixins,编译尚未被浏览器广泛支持

    2023-11-18
    122
  • 小米商城网页版(js+css)

    小米商城网页版(js+css)js:<!DOCTYPEhtml><html> <head><metacharset="utf-8"/><metaname=""content=""/>

    2023-11-16
    108
  • css3选择器总结

    css3选择器总结一、基本选择器1、通配符选择器*{marigin: 0;padding: 0;}2、类名选择器(1)选择指定 class 属性值为“class”的任意类型的任意多个元素。比如下面给使用了 important 这个类名的元素设置样

    2023-11-14
    148
  • CSS中的伪元素

    CSS中的伪元素1、什么叫做伪元素?我们可以回忆一下我们之前使用的伪类的样子,较之于伪类,伪元素是像往标记文本中加入全新的HTML元素一样,而不是向现有的元素上应用类。也就是说我们直接在文本上使用span标签还是作用于span标签。2、伪类的表现形式是什么?::伪类名3、介绍一下常用的伪元素名字及其样

    2023-11-14
    117
  • css样式大全,完整的Css样式大全(整理)

    css样式大全,完整的Css样式大全(整理)CSS样式被称为为“层叠样式表”,是一种网页制作做不可或缺的技术,是用于装饰网页,达到设计效果的一种样式语言,下面将整理一下css常用样式:字体属性:(font)大小{font-size:x-large;}(特大)xx-small;(极小)一般中文用不到,只要用数值就可以,单位:PX、P

    2023-11-07
    162
  • CSS3新增属性

    CSS3新增属性圆角<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>talk</title><styl

    2023-11-05
    92
  • css常用标签

    css常用标签1:超出三行用省略号

    2023-11-02
    172
  • CSS 简介及书写规则—行内样式

    CSS 简介及书写规则—行内样式CSS简介CSS英文全称【cascadingstylesheet】汉语意思:层叠样式表作用:CSS用于美化网页,还可以进行网页布局【前端三层是什么?】前端三层分为:HTML(结构层)CSS(样式层)JavaScript(行为层)总结:CSS前端人当中称之为“样式层”,可以对网

    2023-10-27
    227
  • CSS中的伪类

    CSS中的伪类1、什么是伪类?首先伪类是选择器的一种,它用于选择处于特定状态的元素。2、伪类的表现状态时什么样子的?伪类就是开头为冒号的关键字。例如::last-child3、常见的伪类有哪些?:last-child——它用于选择一组兄弟元素中的最后一个元素。:first-child——它用于选择在

    2023-10-27
    157
  • css中关于超出显示省略号

    css中关于超出显示省略号1、单行超出显示省略号overflow:hidden;//超出隐藏text-overflow:ellipsis;//文本超出时显示省略号white-space:nowrap;//设置文本不换行2、多行超出显示省略号overflow:hidden;//超出隐藏text-ov

    2023-10-23
    1.5K
  • CSS中实现元素居中的七种方法总结

    CSS中实现元素居中的七种方法总结在前端开发中,经常需要将元素居中显示,CSS提供了多种技术方法来实现元素的居中,在不同场景下有不同的使用方法、不同的效果,需要特别记住它们的应用场景才能够正常的居中。这篇文章就大致总结一下CSS中的居中方法。一、元素分类在CSS中,元素大致可以分为以下几种:1.块级元素(Block-level

    2023-10-18
    148
  • CSS技巧收集——毛玻璃效果

    CSS技巧收集——毛玻璃效果先上demo和源码其实毛玻璃的模糊效果技术上比较简单,只是用到了css滤镜(filter)中的blur属性。但是要做一个好的毛玻璃效果,需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛玻璃效果,首先想到的是给其设置一个透明度,并添加模糊滤镜:可是生成的效果却是下面这

    2023-10-18
    132
  • CSS绘制虚线的方案

    CSS绘制虚线的方案一、实现效果👀二、代码实现🤖<divclass="line"></div>.line{width:1px;/*虚线宽度*/background-image:linear-gradient(tobot

    2023-10-18
    139
  • css实现渐变背景的方式

    css实现渐变背景的方式可以使用CSS3的动画和背景定位属性来实现该效果。以下是两种实现方式:使用CSS3动画和背景定位属性HTML代码:复制CSS代码:.gradient{width:100px;height:100px;background-image:url(gradient.png);ba

    2023-10-18
    122
  • CSS3媒体查询

    CSS3媒体查询什么是媒体查询?媒体查询(MediaQuery)是CSS3新语法。-使用@media查询,可以针对不同的媒体类型定义不同的样式-@media可以针对不同的屏幕尺寸设置不同的样式-当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面-目前针对很多苹果手机、A

    2023-10-17
    132
  • css实现段落首行缩进两个字符的方法_word缩进2字符

    css实现段落首行缩进两个字符的方法_word缩进2字符段落前面空两个字的距离,不要再使用空格了,对于文字,需要使用4个&nbsp;才会显示汉字2个字符空格的效果。用CSS实现段落首缩进两个字符,应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。在这里我们需要了解一

    2023-10-07
    119
  • CSS3 教程_css零基础入门教程「建议收藏」

    CSS3 教程_css零基础入门教程「建议收藏」CSS3 教程CSS用于控制网页的样式和布局。CSS3是最新的CSS标准。本教程向您讲解CSS3中的新特性。开始学习CSS3!更多:http://www.runoob.com/css3/css3-tutorial.html以下为部分摘抄CSS3模块CSS3被

    2023-10-04
    136
  • 简单了解学习CSS的伪类(特别是hover,actived)「建议收藏」

    简单了解学习CSS的伪类(特别是hover,actived)「建议收藏」类:在HTML中当表现class属性的时候,人们可以用点(.)号来作为~=号的一个替代选择,所以div.value等同于div[class~=value]。此时.value只能严格的应用于HTML中的class属性,所以此类选择符叫类选择符。在CSS中样式通常依附与一个元素在文档树中的位置,这个简单

    2023-10-03
    131
  • css常见的五大布局形式_css常见布局[通俗易懂]

    css常见的五大布局形式_css常见布局[通俗易懂]本文概要本文将介绍如下几种常见的布局:一、单列布局常见的单列布局有两种:header,content和footer等宽的单列布局header与footer等宽,content略窄的单列布局1.如何实现对于第一种,先通过对header,content,footer统一设

    2023-10-01
    308
关注微信