案例html css
第六节：Nginx常用案例(反盗链、限速、黑名单、跨域等等)
三. 常用场景 1. 防盗链 直接输入地址，没有referer字段，所以匹配了后面的none或blocked，不跳转。通过搜索引擎打开的含有referer字段，走后面的匹配规则。 none 代表没有referer blocked 代表有referer，但是被防火墙或代理给去除了。 配置如下： wor ......
HTML | 文本标签
### 常用文本标签 1. 用于包裹：词汇、短语等。 2. 通常写在排版标签里面。 3. 排版标签更宏观（大段的文字），文本标签更微观（词汇、短语）。 4. 文本标签通常都是行内元素。 | 标签名 | 标签语义 | 单 / 双 标签 | | : : | : : | : : | | em | 要着重阅 ......
html学习day01
# 前端学习笔记 ```html 告诉浏览器用的是html5版本 和页面相关的写在head标签中 页面的主体部分 ``` ## 一 - `` 网页标题 - ` ~ ` 标题标签 - `` 段落标签 - `` 换行标签 - ` ` 一个空格 - `©` 版权符号 - `` 水平线 - ......
css
/*此文件不需要修改*/ /*层级：*/ /*顶部菜单：98*/ /*顶部菜单上的列表：99*/ /*顶部菜单旁边的搜索框：100*/ /*侧边栏菜单：150*/ /*开启关闭侧边菜单的按钮：10000*/ /*隐藏*/ #sideBarMain{ display:none; } #navigato ......
css基础-盒模型
网页基本元素是盒子，网页布局核心就是布局盒子，所谓盒子就是把元素看成放内容的容器 盒子模型组成 实际内容 content 内边距padding 边框border 外边距margin 盒子大小计算 box-sizing: content-box;默认值 宽度=content+border+paddin ......
前端学习-html-1
html常用标签 h1-h6:标题 p：段落 strong/em: 对文本进行设置 strong--加粗，强调作用 比如:商品价格 em--斜体,对文本内容修饰成斜体 hr/br: hr 分割线 br 换行 ul/ol/dl:表格使用 li:表格使用 div/span;网站布局划分时使用 table ......
css基础-背影颜色
css3提供的半透明效果 背景图片background：url('1.jpg') 默认是背景平铺的 background-repeat:none|repeat|repeat-x|repeat-y 背景位置 background-position:center center; background-p ......
今日汇报 第四周第五天 JAVAI/O流和HTML基本标签
今日学习： 从一个HTML教程网站跟着做了一个简单的HTML网页代码如下； 1 <!DOCTYPE html> 2 3 <html lang="en"> 4 <head> 5 6 <title>CatPhotoApp</title> 7 </head> 8 <body> 9 <main> 10 <h ......
喜报｜ 无限极入选信通院 2023 XOps“领新杯”业技融合攻坚先锋案例
[点击链接了解详情](https://coding.net/?utm_source=channel)  里面列举了很多小的例子，欢迎大家借鉴。 ，配置使用后发现，网页和软件预览的完全不同，打开 DevTools 一看，CSS 压根就没加载出来，同样的，其他静态资源也都没有正确加载。 目前的 Gridea 版本号是 `0 ......
CSS3雪碧图 | 精灵图
## 雪碧/精灵图  CSS Sprite也叫CSS精灵图、CSS雪碧图，是一种网页图片应用处理方式。它 ......
WWAHost是Windows中的一个宿主进程，用于承载和执行使用Web技术（如HTML、CSS和JavaScript）构建的应用程序。这些应用程序可以是通过Microsoft Store安装的UWP应用程序或使用特定的框架（如WinJS）开发的传统Windows应用程序
WWAHost是Windows操作系统中的一个进程，它是用于运行和管理Windows Web应用程序（Web App）的一部分。 具体来说，WWAHost是Windows中的一个宿主进程，用于承载和执行使用Web技术（如HTML、CSS和JavaScript）构建的应用程序。这些应用程序可以是通过M ......
【技术积累】HTML+CSS+JavaScript中的基础知识【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
[CSS] Interchange background of an element
z-index property arranges how an element is stacked onto other positioned elements. At times you may set a z-index property on a child element to be l ......
[CSS] Easy dark or light mode
You only require a few lines of CSS to enable a dark/light mode on your website. You just need to let browsers know that your website can display corr ......
[CSS] Select text with one click
This trick is inclined towards improving copy and paste experience for website users. Using user-select: all, you can enable easy text selection with ......
[CSS] Counters
You don't have to get stuck on how the browser renders a numbered list. You can implement your own design utilizing counters(). Here's how: ul { margi ......
[CSS] Serve optimized images
Try throttling to a slow internet in the browser Dev tools and visit a website made up of HD images like unsplash. That's how to experience the pain o ......
[CSS] Using `inset` to replace `top, right, bottom, left`
When working with positioned elements, you often write code like this: .some-element { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } Thi ......