我们在HTML网页制作过程中，相信大家对css文本超链接这个概念并不陌生。我们都知道想要给某段文本或者指定元素添加一个锚点也就是超链接需要用到HTML中的a标签。
当用户在设计HTML时，首先要对整个外观定义一个CSS文件（扩展名为·css），然后通过链接来使用，一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。
想要本地引用就直接打开这两个链接去下载对应的js和css文件就好了。 因为我的项目比较老，所以这里使用本地引用
讲下webpack如何处理css样式文件。 git仓库：webpack-demo 1、新建 进入项目中，在src目录下新建一个styles/header.css文件。 webpack-demo/chapter5 ... |- /src |- /assets |- content.js |- footer.js |- header.js |- index.js |- logo.js + |- header.css |- index.ht
其实 Hexo 用着是很舒服的。完全静态，主题模板修改起来很简单，很容易就能达到想要的效果。只是一些功能比如 Services Worker 和 LazyLoad 都只能用比较粗暴的方法实现，不美观，而且难维护。 早眼馋别人的各种 Gatsby 和 Next.js 开发的博客了，可自定义强、现代、自带各种优化。Next.js 的官网还有一套简单的教程可以直接上手，跟着教程做完后直接就获得了一个现成的博客系统，或者说是 Markdown 解析器？ 总之我们可以从这上面下手。
超链接是网页中，必不可少的内容。超链接的交互设计，也是一个网页中最重要的细节。CSS 也为链接准备了几个伪类选择器，用来设置超链接的交互操作。但是在绝大多数网站中，我们看到的超链接交互样式，通常是：改变一下链接的颜色、取消或者增加下划线、点击链接文本变色或者下划线消失等等。但实际上，超链接的交互设计，并非只能这么简单。
2、默认样式的存在会影响到页面的布局。通常情况下编写网页时必须要去除浏览器的默认样式。
text-align ：用于设置文本内容的水平对齐方式，相当于 html 标签属性中的 align
💬个人网站：【芒果个人日志】 💬原文地址：Font-Awesome如何引入矢量字体图标 - 芒果个人日志 (wyz-math.cn) 💂作者简介： THUNDER王，一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学会计学专业大二本科在读，同时任汉硕云（广东）科技有限公司ABAP开发顾问。在学习工作中，我通常使用偏后端的开发语言ABAP，SQL进行任务的完成，对SAP企业管理系统，SAP ABAP开发和数据库具有较深入的研究。 💅文章概要：在开发网页的过程中，我们
ContentTools是一个美观小巧的网页内容工具（一个JS库），具备所见即所得（WYSIWYG）的编辑器功能，只需几个简单的步骤，即可将ContentTools添加到任何HTML页面。如下图所示页面通过实时ContentTool的弹出层实现实时编辑功能。用小而美来形容它最好不过了！
以前做 loading 都是一张 菊花.gif 走天下， 但现在产品开发要求变高，特别是移动端，显示加载动画前还得加载一个动图，这早就 out 了。
绑定class 绑定class两种方式第一使用对象方式,第二使用数组方式进行绑定 对象方式 <style> *{ padding:0; margin: 0; } .actived{ color:hotpink; } </style> </head> <body> <h1 :class="{actived:isActi02
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toa
上节之后有粉丝私聊觉得，平台右上角的“主页/退出” 按钮已经过时。所以我们本节首先来优化下。
温馨提示：因微信中外链都无法点击，请通过文末的 “阅读原文” 到技术博客中完整查阅版；
首先关于bootstrap从v3的less转到v4的sass的十万个为什么，这里暂且不表（计划会另起一篇文章对比less，sass，postcss）。
起因是网友给 FixIt 提了一个 issue hugo-fixit/FixIt#411，说图片比例异常，我一回想，最近没动过图片的代码，于是用 Safari 和 Edge 试了一下，发现没问题，那么基本可以确定是 Chrome 新版的问题了。
CSS相关查阅文档：https://kohler.lanzouo.com/i0XFcz8svob
伴随着WordPress 3.8 的新界面，WordPress 官方为后台UI 引进了目前贼流行的webfont（又称 icon font），官方独立项目名为dashicons。webfont 本质上是图标——通过字体文件作为载体的矢量图，好处就是，可以比较方便自由修改大小、颜色等字体样式且不像图片那样放大会失真——所以说乔布斯炒起来的retina 屏幕不在话下了。那么，如果你是WordPress 开发者，你可以通过以下方式在你开发的主题或插件中使用WordPress 3.8+后台图标（dashicons）
低代码是一种使用拖拽可视化开发的工具，使用低代码可以提高软件的开发效率和开发质量。作为小白要想熟练的使用低代码工具一些基础的知识如html、css、javascript是必不可少的。如果直接去学习基础知识学习周期长，而且学完不一定能将所有知识应用到开发中来。为了降低小白学习低码的难度缩短学习周期，特此制作了本系列的基础教程。
之前给大家推荐了很多后台模版，有读者希望推荐一些跟通用的好看组件，毕竟出了后台还有很多其他场景嘛。所以，今天继续给大家推荐一个广受好评的UI组件库：NextUI
首先，HTTP 是一个网络协议，是专门用来帮你传输 Web 内容滴。关于这个协议，就算你不了解，至少也听说过吧？比如你访问俺的博客的主页，浏览器地址栏会出现如下的网址
这里就讲讲这两个问题，写过 CSS 应该就会比较清楚，虽然我才刚入门，但在写一些练手时就已经有点感觉了：写 CSS 后，很难维护，维护基本要靠注释来，而且由于 HTML 文档中标签的嵌套层次复杂，导致写 CSS 的选择器时也很费劲，尤其是在后期为某部分标签新增样式时，总会不知道到底应该在 CSS 文件中哪里写这个选择器，这个选择器是否会与前面冲突。
原文链接：https://juejin.im/post/5e92ad7a518825736c5b91cd
本文主要在初学HTML时，对常用标签做一些记录。主要是标签的使用，以及效果展示。目的在于有个大概的认识：有什么标签？能做什么？
所以我们知道，我们可以通过vertical-align 控制图片和文字的垂直关系了。 默认的图片会和文字基线对齐。
这是一套Typescript+React+Antd的通用后台管理系统的视频，我会在这个视频里面带着大家徒手搭了一套基于react的后台管理系统基础设施，之所以叫通用，是因为不管以后做什么类型的管理系统，都可以直接拿这一套代码快速上手项目。
在介绍项目列表之前，先让我们热热身，做一个各个页面都会出现的 右上角返回主页按钮，这里会学习到一些css属性和js的使用。 在之前的章节中，我们规定home.html 作为我们的主页。那么我们给其他人分享的平台地址应该是：你的ip:8000/home/
https://www.cnblogs.com/zero-zyq/p/14548676.html
本次分享的是老牌轻量级的相册应用荔枝相册-Lychee。一个免费的美观且易于使用的照片管理系统，可以在您的服务器或网站空间上运行。安装仅需几秒钟。支持上传，管理和共享照片，因为支持中文，所以使用起来比较简单。如果不像部署其他的一些比较复杂的相册应用的，可以考虑用这个平替。
Swiper插件的简单使用 Swiper插件是用来写轮播图的插件，十分简洁方便。可以直接去Swiper官网下载并点击开始使用Swiper按钮查看使用方法，这里只介绍简单引用的方法。 本文所写内容在官网均有详细介绍。 一、下载并引入文件 可以直接登录官网下载，如果安装了Nodejs环境也可以打开编译器终端利用npm i swiper下载 将文件放到你喜欢的路径，并分别引入css和js文件 <!DOCTYPE html> <html> <head> ... <link rel="styl
CSS语言介绍：CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
在 cmd 中执行 vue ui 可以打开 vue 图形化界面，但是这种方式多没逼格，建议放弃！！！
day01_html学习笔记 ============================================================================= =======
2023年7月份国内有一款定制写真AI工具爆火。一款名为妙鸭相机的AI写真小程序，成功在C端消费者群体中出圈，并在微信、微博和小红书等平台迅速走红，小红书上的话题Tag获得了330多万的浏览量，相关微信指数飙升到了1800万以上。
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
LaTeX 基于 TeX，主要目的是为了方便排版。在学术界的论文，尤其是数学、计算机等学科论文都是由 LaTeX 编写, 因为用它写数学公式非常漂亮。
前言：这两天在网上找了些视频和资料学习webpack，最后发现官网上的教程原来就写得很好，只是都是全英文的一开始不想去看。。。。今天认真看了下官网教程，然后总结下这两天的对webpack入门的学习，写一下互相学习，英语好的就直接去官网看吧webpack官方入门教程。（话说很久没学英语了，学好英语真的很重要） 1、安装 打开node，敲入命令行 ①全局安装
首先这三个的确都是前端框架，框架是帮助开发者快速开发的工具，不同的框架适用于不同的场景，可以理解为“术业有专攻”
在进行pc网站或移动端网站开发时，轮播经常会遇到，我们经常使用的就是swiper插件来实现轮播效果，如果想自定义其样式的话，完全可以重写其css，达到自定义的效果。在小程序当中，有现成的swiper组件来供我们使用，具体的使用方法不在此赘述，完全可以去查看官方文档。在这需要说的一点就是如何自定义轮播的样式，尤其是底部指示面板的样式，官方样式默认是不选中的为灰色圆点，选中的为黑色圆点，处于居中的位置。但是，有时候我们的设计稿的面板指示点是需要个性化的，那么如何去修改swiper组件的面板指示点的样式呢。下面我们来说一下。 其实官方的swiper组件和我们正常写的组件其实是差不多的，只不过封装起来，无法看到其内部的实现原理罢了。对于底部的圆点还是有相应的class类名来指示的。例如，圆点的父圆度其class名为wx-swiper-dots，分为垂直方向和水平方向，分别为.wx-swiper-dots-horizontal和.wx-swiper-dots-vertical，圆点的class名为wx-swiper-dot，有了这些我们就可以对其进行自定样式了，其实就是重写其样式 下面代码我们用到官方示例中的部分代码
大家好，又见面了，我是你们的朋友全栈君。我们可以用CSS语法来控制超链接的形式、颜色变化，为什么链接一定要使用下划线和颜色区分呢？ 其主要原因主要是考虑到 1、视力差的人 2、色盲的人 。。。
XSS，指的是跨站脚本攻击，是 Cross-site scripting 的缩写。
最近公司项目需求，要做一个百度地图电子围栏的功能，在网上查了一下资料，看了很多博客，大多数都写的不是很详细，我看的云里雾里的，最后终于集合所有的几篇资料，自己做出了一个简单的demo，下面将过程记录和分享一下，希望给予有需要同学一些帮助，我这个人说话比较啰嗦，所以写的一定会很详细的，哈哈！闲言少叙，开始了。
一、前言 在 HTML 中使用 CSS，包括内联式、内嵌式、链接式和导入式。 二、分类 2.1 内联式 内联式是所有样式应用方式中最为直接的一种，它通过对 HTML 标记使用 属性，将 CSS 代码直接写在其中。 内联式是最简单、直接的 CSS 使用方法，但它的针对性很明显，只能作用于当前标记，造成代码冗余，维护比较困难。 2.2 内嵌式 内嵌式与内联式使用方法不同，它将 CSS 代码写在 标记之间，并需要采用 标记进行声明。 使用内嵌式 CSS 用法时 CSS 代码将被集中放在 标记中，这样方便查
对 tailwindcss 早有耳闻，但在我以前的观念里，tailwindcss 那简直就是开历史倒车，所谓的原子化 css，不就是早年的 bootstrap 么？我怎么可能接受这样的技术方案？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
