优惠券 波浪 效果css
关于Android 控件没有动态设置界面效果时，如何处理
#### 关于Android 控件没有动态设置界面效果时，如何处理 ##### 例子：android:scrollbarThumbVertical 动态设置 -->listView 如果控件只有静态xml界面的设置，没有动态设置时，需要去查看安卓控件的源码，看该控件继承了那个父控件的方法，然后利用反 ......
如何使用Apache服务器加载JS和CSS文件
Apache服务器是一款常见的网页服务器软件，可以运行在多个操作系统下，如Linux、Unix、Windows等。对于网站开发者而言，如何使用Apache服务器来加载JS和CSS文件是一项非常重要的技能。在本文中，我们将为你介绍如何使用Apache服务器来加载JS和CSS文件。 一、什么是JS和CS ......
Gridea 搭建的博客无法加载 CSS、网页图标、头像配置
前阵子发现了用来写静态博客的软件 [Gridea](https://github.com/getgridea/gridea)，配置使用后发现，网页和软件预览的完全不同，打开 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 ......
[CSS] Truncate long text to a number of lines
p.intro { width: 300px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* Truncate when no. of lines exceed 3 */ overflow: ......
CSS
[TOC] # css介绍 ```python css介绍：当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 css实例：每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 ''' 思考:页面都是由HTML构成的 并且页面上有很多相同 ......
伪类选择器、伪元素选择器、选择器的优先级、css属性相关
伪类选择器 <style> a:link{ color: blue; /*未访问显示连接*/ } a:hover{ color: black; /*鼠标移到上面显示*/ } a:active{ color: aliceblue; /* 左键选定的链接 */ } a:visited{ color: a ......
自学前端-HTML5+CSS-综合案例一-热词
# 综合案例一-热词 [TOC] 设计图如下  ## 1、设计需求 ①需要鼠标放上去有显示透明 ②需要点击后跳转到相应页面且保留原页面 ## 2、设计所需标 ......
CSS
## CSS CSS:层叠样式表 #就是给HTML增加样式的，让其变得更加美观 ### 选择器的语法结构 选择器 { 属性名1：属性值1 属性名2：属性值2 属性名3：属性值3 属性名4：属性值4 } ## CSS的注释语法 /* 内容 */ # 快捷键：ctrl + ？ ## css的引入方式 1 ......
要在HTML中让文字居中，可以使用CSS样式来设置文本的对齐方式
以下是几种常见的居中文本的方法： 1. 使用 `text-align: center;` CSS样式: 这个方法适用于将文本居中对齐在其父元素内。可以将 `text-align: center;` 应用于父元素，这将使其内部的所有文本内容都居中对齐。 示例代码： ```html 居中对齐的文本 `` ......
html 学习 day3 css 的层叠 父子size 的继承
今天遇到一个问题， css 的父子继承关系在一种case 下不生效。 ：子节点 无法 继承 父节点的 width 和 height 的设定 下面代码的原始版本 img 无法继承 div 的 宽和高的设定。 当 img 的 css 设定为： img { height: 100%; width: 100 ......
前端三剑客之CSS
一、CSS介绍 1、CSS（层叠样式表，Cascading Style Sheets） 是一种用于描述网页内容（HTML或XML等）外观样式的标记语言。它是一种样式表语言，用于控制网页的布局、字体、颜色、大小、间距以及其他与显示有关的属性。 2、css学习步骤 先学习选择器，作用就是如何找到标签 找 ......
伪类选择器，伪元素选择器，选择器的优先级，CSS属性相关
### 伪类选择器 ```python ``` ### 伪元素选择器 ```python ``` ### 文字属性 ```python ``` ### 背景属性 ```python ``` ### 边框 ```python 边框属性 ● border-width ● border-style ● b ......
CSS透视与Z轴
一.CSS透视通过模拟人眼的视角来创建三维效果（可以理解为看3D电影，需要借助3D眼睛，这个透视就是让了让网页上产生3D的效果）。我们在现实生活中，当物体远离我们时，会看到它们变小变远。透视效果就是基于这个原理。 ![image](https://img2023.cnblogs.com/blog/2 ......
css将多余的字变成...
display: -webkit-box;/*作为弹性伸缩盒子模型显示*/ -webkit-line-clamp: 1; /*显示的行数；如果要设置2行加...则设置为2*/ overflow: hidden; /*超出的文本隐藏*/ text-overflow: ellipsis; /* 溢出用省 ......
css 设置滚动条样式
::-webkit-scrollbar：指滚动条整体部分，它的属性有width,height,background等 ::-webkit-scrollbar-button：指滚动条两边的按钮。当不需要时可以用display:none将其隐藏 ::-webkit-scrollbar-track：指外层 ......
css圆环运动的两种写法
圆环运动如下，小圆绕大圆运动 写法有如下两种： 1. transform-origin使用外部旋转点 2. transform-origin使用内旋转点，两圆重合 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
css3 loading效果3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
css3 loading 效果2
使用了css自定义属性var <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ......
CSS中关于Calc 函数的使用规则
calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规 ......