LRachel的博客_Html/css

欢迎

文档流Float

文档流是文档中可显示对象在排列时所占用的位置或者空间，比如：块元素自上而下，<h1><p>内联元素从左到右<span>遵循元素默认的摆放方式，也被称为“标准流”。在标准流中布局有很多限制：高低不齐的元素，默认是底边对齐；<span><img>空白折叠现象：无论输入多少空格、换行、tab，都会折叠为一个空格；对于连续多张图像，<img

文档流

绝对定位

Float

原创 2022-10-24 10:50:52 149 阅读

css

text

原创 2022-10-24 10:49:25 439 阅读

Data URL

Data URL各字符的含义网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如：.title {background-image:url(data:image/gif;base64,R0lGODlhAQAcALMAAMXh96HR97XZ98Hf98Xg97DX97nb98Lf97vc98Tg973d96rU97ba97%2Fe96XS9wAAACH5BAAAAAAALAAAA

数据

css

html

置顶原创精选 2022-10-22 00:09:49 242 阅读

Typeof运算符

JavaScript 有三种方法，可以确定一个值到底是什么类型。typeof运算符可以用来判断基本数据类型：数值number、字符串string、布尔值Boolean、对象object代码示例<script> var age = 18; var name = "LRachel"; var married = false；//typeof:判断数据类型（只有基本数据类型可用）con

基本数据类型

Typeof

原创 2022-10-21 10:29:34 107 阅读 1评论

关系选择器

四种分类后代选择器子代选择器相邻兄弟选择器通用兄弟选择器后代选择器某个元素后的某个子元素，只要是它的后代，都会继承它的样式，中间用空格隔开，常见的如：序列，ul li {这是样式}ul li { color: blue;} <ul> <li>儿子 </li> <li>儿子 </li>

选择器

嵌套

原创 2022-10-21 10:28:37 141 阅读

雪碧图CSS Sprite

CSS Sprite也叫CSS精灵图，或者CSS雪碧图，是一种网页图片应用处理方式。它允许你讲一个页面涉及到的所有的小图标（或其他图）包含到一张大图。当前的问题虽然每个小图标或者小图片实际的大小并不会太大，但是每次页面打开，都需要先向服务器发出去一个请求，多次请求会消耗很大的性能，也是页面加载速度变慢的原因之一。这样做的优点减少图片字节数减少网页的http请求，从而大大的提高页面的性能原理通过ba

ico

css

html

置顶原创 2022-10-20 19:49:37 198 阅读 2评论

ICO图标的制作和实际应用场景

#什么是ICO图标favicon，即Favorites Icon的缩写，是指显示在浏览器收藏夹、地址栏和标签标题前面的个性化图标。以图标的方式区别不同的网站。ICO是Windows的图标文件格式，此格式图标文件可以存储单个图案、多尺寸、多色板的图标文件。一个图标实际上是多张不同格式的图片的集合体，并且还包含了一定的透明区域。###Mac OS中使用的是ICNS格式。ICO，图标格

ico

根目录

小图标

置顶原创推荐 2022-10-20 19:35:55 958 阅读 2评论

android如何让布局一直在键盘上方显示

在实际项目中，肯定会有输入数据的情况，这样就会用到键盘。但是键盘弹起必然会遮盖掉屏幕下半部分的布局。比如说一个登陆界面，账号、的输入框在...

软键盘

解决方法

控件

转载 2022-03-03 10:48:10 1368 阅读

网页如何利用栅格化做自适应布局

4.建立你的网格系统和布局网格系统真的很重要。这些技巧都是为了让你做事更简单，并减少你设计时做决定的次数。设定好网格系统会让布局和摆放元素...

固定宽度

标题栏

系统设置

原创 2022-03-03 10:46:03 982 阅读

如何在自己的网站域名前面加个小图标

大家浏览网页时经常看到域名前面会有一个logo的小图标，如下图，这一类图标被称为“ favicon ” ，全称是“favorite icon”...

ico

根目录

html

原创 2022-03-03 10:32:06 1729 阅读

<link>：外部资源链接元素

外部资源链接元素( ) 规定了当前文档与外部资源的关系。该元素最常用于链接样式表，此外也可以被用来创建站点图标(比如PC端的“favic...

ico

css

样式表

原创 2022-03-03 10:18:16 147 阅读

正则表达式

本文为博主「妖x月」的原创文章，原文链接：https://blog..net/qq_42349627/article/detai...

字符串

正则表达式

子串

转载 2022-03-03 10:17:58 53 阅读

轻松入门 Flutter，来自腾讯团队整理

原文作者：腾讯技术[https://zhuanlan.zhihu.com/tencent-TEG]原文链接：https://zhuanlan.z...

flutter

ide

sed

转载 2022-03-03 10:15:39 122 阅读

安装使用npm及live-server插件安装

开发过程中，经常会需要用命令安装一些插件，用的最多的就是npm。这里主要先说下如何安装和常见的使用方法。安装方法从Node.js[https...

分屏

node.js

xcode

原创 2022-03-03 10:10:09 1535 阅读

VS Code好用的插件

写在前面，避免踩雷：经常看到一些视频中开发的代码会一键生成等，原来都是在用这些插件。弹幕上显示个emmet,于是去搜索了一下。大部分文章都是su...

css

chrome

搜索

原创 2022-03-03 10:09:23 345 阅读

Emmet插件及用法，VS code前端开发必备神器

这里介绍Vs code中如何使用，Emmet官网文档点击查阅[https://docs.emmet.io/abbreviations/synt...

html

css

标签名

原创 2022-03-03 10:07:58 732 阅读

html元素标签中rel=

什么是nofollow nofollow是标签的属性值，主要是用在网站SEO搜索引擎优化中，Google推荐使用nofollow，来告诉...

搜索引擎

权重

属性值

原创 2022-03-03 10:07:20 97 阅读

html中!important属性的实际用法

什么是!important !important是一个修饰符，语法是选择器{属性：属性值 !important}。作用是更改默认的CSS样式优先...

html

选择器

权重

原创 2022-03-03 10:06:59 4969 阅读

用git命令将代码发布到远程仓库+SSH公钥配置

远程仓库平台操作的2种情况先有本地仓库，远程仓库为空先有远程仓库，本地仓库为空情况一：先有本地仓库，远程仓库为空 1.操作步骤 1.1 ...

git

远程仓库

推送

原创 2022-03-03 10:06:23 536 阅读

VS Code中进行git远程仓库同步

本地仓库和远程仓库建立连接方式一：从Git远程仓库克隆：命令 git clone "SSH方式二：在本地创建一个文件夹，用终端命令初始化一个本...

git

远程仓库

推送

原创 2022-03-03 10:05:45 2051 阅读

用source tree可视化工具将代码推送到远程仓库

待更新系列一：用git命令将代码发布到远程仓库+SSH公钥配置[https://www.jianshu.com/p/fa2a36d32b]...

远程仓库

git命令

git

原创 2022-03-03 10:05:17 43 阅读

VS Code在线阅读 GitHub 代码

平时在github中查看项目文件，总是要各种点，或者克隆到本地再打开，今天看到这个在线阅读的小技巧，就记录分享一下。比如看到一个开源项目git...

github

git

项目文件

转载 2022-03-03 10:04:57 622 阅读

如何解决npm命令报错Missing write access to /usr/local/lib/node_modules

常遇到的问题初学开发中，运行命令总是会遇到各种报错：Missing write access to /usr/local/lib/node_m...

包管理

重启

包管理器

原创 2022-03-03 10:04:33 1429 阅读

css中filter:drop-shadow和box-shadow的区别

如何给每张图片添加上阴影？大部分人直接就想到box-shadow这个属性，效果如图左1，这并不是我们想要的效果的。box-shadow顾名思义...

滤镜

css3

原创 2022-03-03 10:03:39 154 阅读

VS Code常用快捷键(持续更新)

全局替换全局查找：cmd+shift+h 全局替换：cmd+option+enter 当前文件替换查找：cmd+f 替换：cmd+enter

z

原创 2022-03-03 10:02:55 83 阅读

VS Code 常用的一些命令

在找到一篇 linux命令[https://www..com/peida/archive/2012/12/05/280359...

当前目录

css

html

原创 2022-03-03 10:02:39 730 阅读

text-decoration:none全局设置为什么不生效

a标签全局定义通常我们想到的就是直接对a标签进行设置，如下但有时候发现并不能生效，需要把其选择器写具体，如下主要原理 a的默认样式权重比全...

a标签

全局设置

宽高

原创 2022-03-03 10:02:05 799 阅读

HTML元素的lang属性的说明及详解

今天翻看Bootstrap文档全局CSS样式时又看到这串代码那么这个lang属性有什么作用它主要是向搜索引擎表示该页面是语言，并且语...

html

bootstrap

搜索引擎

原创 2022-03-03 10:01:14 417 阅读

文字样式处理总结

段落风格paragraphStyle 属性释义lineSpacing字体行间距firstLineHeadIndent首行缩进alignment对...

行间距

ios

首行缩进

原创 2022-03-03 09:59:20 73 阅读

Linux终端常用命令001——文件、目录管理命令

序号命令对应英文作用01lslist查看当前文件夹下的内容02pwdprint work directory查看当前所在文件夹03cd [目录名...

文件名

原创 2022-03-03 09:53:01 95 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

LRachle

欢迎

文档流Float

CSS文字样式的相关属性

Data URL

Typeof运算符

关系选择器

雪碧图CSS Sprite

ICO图标的制作和实际应用场景

android如何让布局一直在键盘上方显示

网页如何利用栅格化做自适应布局

如何在自己的网站域名前面加个小图标

<link>：外部资源链接元素

正则表达式

轻松入门 Flutter，来自腾讯团队整理

安装使用npm及live-server插件安装

VS Code好用的插件

Emmet插件及用法，VS code前端开发必备神器

html元素标签中rel=

html中!important属性的实际用法

用git命令将代码发布到远程仓库+SSH公钥配置

VS Code中进行git远程仓库同步

用source tree可视化工具将代码推送到远程仓库

VS Code在线阅读 GitHub 代码

如何解决npm命令报错Missing write access to /usr/local/lib/node_modules

css中filter:drop-shadow和box-shadow的区别

VS Code常用快捷键(持续更新)

VS Code 常用的一些命令

text-decoration:none全局设置为什么不生效

HTML元素的lang属性的说明及详解

文字样式处理总结

Linux终端常用命令001——文件、目录管理命令