-
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 -
前言老板的手机收到一个红包，为什么红包没居中？如何让一个子元素在父容器里水平垂直居中？这个问题必考，在实战开发中，也应用得非常多。你也许能顺手写出好几种实现方法。但大部分人的写法不够规范，经不起千锤百炼。换句话说：这些人也就面试的时候夸夸其谈，但真的上战场的时候，他们不敢这么写，也不知道怎么写最靠谱 2024-09-26 10:33:14 -
一、了解::marker伪元素::marker 是CSS中新出的一种伪元素，用来匹配列表项中的“标记盒子”（盒模型中的一种，《CSS世界》中有介绍），并可以设置标记盒子里面的内容以及与字符显示相关的UI。可以匹配任意设置了 display:list-item 的元素或伪元素，例如大家比较熟悉的 &l 2024-09-26 10:03:42 -
效果图实现页面滚动，背景图穿过的效果注意：内部图片地址，自己替换成自己的图片示例代码css样式代码* { margin: 0; padding: 0;} body,html { height: 100%;} body { font-size: 100%; font-famil 2024-09-26 09:48:46 -
CSS盒子模型（Box Model）将所有的HTML元素都看做盒子，并通过盒子的组成对HTML进行布局绘制设计。那么CSS的盒子模块到底有哪几种呢？盒子模型它的组成又有哪几部分呢？希望本篇文章对于大家的认识能有所帮助。为了方便读者了解盒子模型，以及不同的盒子模型之间的区别，我会在阅读的顺序上做一个小 2024-09-26 09:18:47 -
Notus React一款基于 React 框架开发的后台管理模板，它有几百个组件，其中几十个是动态组件，它是完全免费开源的，你可以随意修改它的代码。Notus React 提供了从原型设计到真实页面转换的全功能代码，您将节省大量时间，因为所有元素都已实现。 这个免费的 tailwindCSS 模板 2024-09-26 09:03:27 -
1.时髦的双影要创建此效果，文本将被赋予两个硬阴影，没有模糊半径。第一个阴影被赋予背景颜色并被放置在文本附近，第二个阴影被赋予文本颜色并且放置的距离大于文本中的第一个阴影。CSScolor: #dfdfdf;text-shadow: 4px 4px 0px #000, -4px 0 0px # 2024-09-26 08:04:37 -
在前端开发过程中，psd稿中经常会使用特殊的字体样式，我们在处理时需要考虑到一些可能出现的情况及问题： 1.字体样式是否存在版权问题 2.文字分情况划分： 例：在logo、特殊图片、固定图片、固定背景图等位置中，不需要后台数据更改遍历的固定型文字，可以使用切成图片的形式来展现 例：在一些需要遍历的 2024-09-25 10:18:49 -
接触前端的小伙伴们，相信大家对盒子水平居中再熟悉不过了，盒子水平居中的两个缺一不可的条件为：宽度和margin:0 auto;然而进一步推想盒子水平垂直居中怎么实现呢，同样我们可以借助定位以及top：50%和left：50%加margin-left和margin-right的值设置为宽度的一般加负号 2024-09-25 10:03:28
