TypechoJoeTheme

至尊技术网

统计
登录
用户名
密码

悠悠楠杉

网站页面
类目归类
标签搜索
搜索到 11 篇与 的结果
2026-01-02

掌握HTML与CSS链接：文件路径配置实用指南，html文件链接css文件
掌握HTML与CSS链接：文件路径配置实用指南，html文件链接css文件
正文：在Web开发中，HTML与CSS的链接配置是构建页面的基础技能之一。无论是引入外部样式表、图片资源，还是链接到其他页面，正确配置文件路径都至关重要。然而，许多初学者常因路径错误导致资源加载失败。本文将系统讲解文件路径的配置方法，助你避开常见陷阱。1. 文件路径的类型文件路径主要分为两种：相对路径和绝对路径。 相对路径：以当前文件为起点，指向目标文件的路径。例如：html <link rel="stylesheet" href="./css/style.css">这里的./css/style.css表示当前目录下的css文件夹中的style.css文件。 绝对路径：从根目录开始的完整路径，通常以协议（如http://）或/开头。例如：html <img src="/images/logo.png" alt="Logo">这里的/images/logo.png表示项目根目录下的images文件夹中的文件。 2. 相对路径的常见用法相对路径的灵活性强，适合项目内部资源的引用。以下是几种典型场景： 同级目录：直接使用文件名。html <a href="...
2026年01月02日
124 阅读
0 评论
2025-08-09

js的UglifyCSS和UglifyJS的使用，JS压缩加密、混淆加密
js的UglifyCSS和UglifyJS的使用，JS压缩加密、混淆加密
使用UglifyCSS对css文件进行压缩，使用UglifyJS对js文件加密、压缩1.1 安装UglifyCSSnpm install -g uglifycss 1.2 UglifyCSS的使用uglifycss style.css > style.min.css 2. 安装UglifyJS和使用2.1 安装UglifyJSnpm install -g uglify-js 3.2 UglifyJS的使用uglifyjs main.js -c -m -o main.min.js 指令说明-o 输出-c 压缩-m 混淆
2025年08月09日
236 阅读
0 评论
2021-07-28

css、js设置不允许复制文本内容
css、js设置不允许复制文本内容
css不允许复制文本内容<style> * { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ -khtml-user-select: none; /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } </style> user-select的默认值是 text，可以选择文本none：文本不被选择js不允许复制文本内容<script> // 全局禁止 document.oncontextmenu = new Function("event.returnValue=fals...
2021年07月28日
1,111 阅读
0 评论
2021-07-16

css移动端左右滚动导航栏
css移动端左右滚动导航栏
方法一：inline-block和white-space和overflow-y先让子元素变成内联块，让子元素自动在父容器里面横行排列。display: inline-block; 再给父容器设置下面两条css样式，让子元素不换行且可以横行滚动。white-space: nowrap; overflow-y: auto; 不想让滚动条出现的话，参考上面那种方法里面的隐藏滚动条的方法。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t...
2021年07月16日
1,208 阅读
0 评论
2021-01-11

CSS弹性布局
CSS弹性布局
Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强大的方式：1、在不同方向排列元素2、重新排列元素的显示顺序3、更改元素的对齐方式4、动态地将元素装入容器容器属性flex-directionrow（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向，起点在下沿。flex-wrapnowrap（默认）：不换行。wrap：换行，第一行在上方。wrap-reverse：换行，第一行在下方。justify-contentflex-start（默认值）：左对齐flex-end：右对齐center： 居中space-betwe...
2021年01月11日
1,553 阅读
0 评论
2020-11-21

CSS样式重置表
CSS样式重置表
具体样式如下，可以直接整个复制在自己的reset.css中：html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; height: 100%; } body { margin: 0; font-size: 14px; font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; line-height: 1.5; color: #333; background-color: #fff; min-height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { ...
2020年11月21日
1,170 阅读
0 评论
2020-08-16

CSS选择器
CSS选择器
选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 元素。1element,elementdiv,p选择所有 元素和所有 元素。1element elementdiv p选择 元素内部的所有 元素。1element>elementdiv>p选择父元素为 元素的所有 元素。2element+elementdiv+p选择紧接在 元素之后的所有 元素。2[attribute][target]选择带有 target 属性所有元素。2[attribute=value][target=_blank]选择 target="_blank" 的所有元素。2[attribute~=value][title~=flower]选择 title 属性包含单词 "flower" 的所有元素。2:linka:link选择所有未被访问的链接。1:visiteda:visited选择所有已被访问的链接。1:activea...
2020年08月16日
1,018 阅读
0 评论
2019-12-31

CSS里的float清除浮动引用方法
CSS里的float清除浮动引用方法
一、浮动产生原因一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSS float浮动就产生了。本来两个黑色对象盒子是在红色盒子内，因为对两个黑色盒子使用了float浮动，所以两个黑色盒子产生了浮动，导致红色盒子不能撑开，这样浮动就产生了。简单地说，浮动是因为使用了float:left或float:right或两者都是有了而产生的浮动。二、浮动产生负作用1、背景不能显示由于浮动产生，如果对父级设置了（CSS background背景）CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。2、边框不能撑开如上图中，如果父级设置了CSS边框属性（css border），由于子级里使用了float属性，产生浮动，父级不能被撑开，导致边框不能随内容而被撑开。3、margin padding设置值不能正确显示由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。三、css解决浮动，清除浮动方法1、把这段代码添加的C...
2019年12月31日
1,103 阅读
0 评论
悠悠楠杉
25,267 文章数
92 评论量

人生倒计时

今日已经过去小时
这周已经过去天
本月已经过去天
今年已经过去个月
邮箱：z@zzwws.cn Copyright © 2018-  湘ICP备2023005853号  RSS MAP