• 前端初学者必须记住的8个css选择器

    css选择器是前端css的基础内容,当你灵活运用了选择器,那么写出色彩缤纷炫酷的页面就不成问题,选择器按书中或者网络分类有通用选择器,标签选择器,类选择器,ID选择器,伪类,伪元素,组合器等。那么本文会结合应用直接介绍30个css选择器。一、*通配符选择器也是通用选择器,它可以选择页面上的所有元素, 2024-09-28 10:03:39
  • 前端开发就业面试题(css reset的作用)

    HTML+CSS篇1.对WEB标准以及W3C的理解与认识。 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、提供 2024-09-28 09:18:56
  • Vue基础,css样式操作,flex布局,通过操作样式改变字体的大小

    这是一个用vue.js对css操作完成的实例。当然用了flex简单布局。一、先创建一个html文件,记得添加vue库文件。二、创建一盒容器vmdiv,用vue绑定它,测试vue绑定后的插入值text1效果。三、加入文本框和两个按钮。四、通过flex排序,让它们三个竖排。比例为文本框占4,按钮占1。五 2024-09-26 11:00:27
  • CSS-如何让一个元素水平垂直居中?

    前言老板的手机收到一个红包,为什么红包没居中?如何让一个子元素在父容器里水平垂直居中?这个问题必考,在实战开发中,也应用得非常多。你也许能顺手写出好几种实现方法。但大部分人的写法不够规范,经不起千锤百炼。换句话说:这些人也就面试的时候夸夸其谈,但真的上战场的时候,他们不敢这么写,也不知道怎么写最靠谱 2024-09-26 10:33:14
  • CSS ::marker伪元素简介

    一、了解::marker伪元素::marker 是CSS中新出的一种伪元素,用来匹配列表项中的“标记盒子”(盒模型中的一种,《CSS世界》中有介绍),并可以设置标记盒子里面的内容以及与字符显示相关的UI。可以匹配任意设置了 display:list-item 的元素或伪元素,例如大家比较熟悉的 &l 2024-09-26 10:03:42
  • html+css实现滚动背景图固定

    效果图实现页面滚动,背景图穿过的效果注意:内部图片地址,自己替换成自己的图片示例代码css样式代码* { margin: 0; padding: 0;} body,html { height: 100%;} body { font-size: 100%; font-famil 2024-09-26 09:48:46
  • CSS盒子模型有哪几种?盒子模型的组成又有哪些?

    CSS盒子模型(Box Model)将所有的HTML元素都看做盒子,并通过盒子的组成对HTML进行布局绘制设计。那么CSS的盒子模块到底有哪几种呢?盒子模型它的组成又有哪几部分呢?希望本篇文章对于大家的认识能有所帮助。为了方便读者了解盒子模型,以及不同的盒子模型之间的区别,我会在阅读的顺序上做一个小 2024-09-26 09:18:47
  • 基于 Tailwind Css 框架的高颜值后台模板分享

    Notus React一款基于 React 框架开发的后台管理模板,它有几百个组件,其中几十个是动态组件,它是完全免费开源的,你可以随意修改它的代码。Notus React 提供了从原型设计到真实页面转换的全功能代码,您将节省大量时间,因为所有元素都已实现。 这个免费的 tailwindCSS 模板 2024-09-26 09:03:27
  • 你不能错过的创意CSS文字阴影特效

    1.时髦的双影要创建此效果,文本将被赋予两个硬阴影,没有模糊半径。第一个阴影被赋予背景颜色并被放置在文本附近,第二个阴影被赋予文本颜色并且放置的距离大于文本中的第一个阴影。CSScolor: #dfdfdf;text-shadow: 4px 4px 0px #000, -4px 0 0px # 2024-09-26 08:04:37
  • CSS中引用特殊字体样式的有效方法

    在前端开发过程中,psd稿中经常会使用特殊的字体样式,我们在处理时需要考虑到一些可能出现的情况及问题: 1.字体样式是否存在版权问题 2.文字分情况划分: 例:在logo、特殊图片、固定图片、固定背景图等位置中,不需要后台数据更改遍历的固定型文字,可以使用切成图片的形式来展现 例:在一些需要遍历的 2024-09-25 10:18:49