学习笔记--CSS

最新推荐文章于 2024-09-23 15:32:37 发布

jiangshan112

最新推荐文章于 2024-09-23 15:32:37 发布

阅读量115

点赞数

分类专栏：笔记文章标签： CSS

本文链接：https://blog.csdn.net/jiangshan112/article/details/101420339

版权

笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一、一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

浏览器缺省设置
外部样式表
内部样式表（位于 <head> 标签内部）
内联样式（在 HTML 元素内部）

二、CSS选择器：

标签：div；
class：.test或div.test；
id：#test或div#test；
name：.test；
属性：[test]或[test=te]或[test~=te]或[test|=te]或div[test=te]

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jiangshan112

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

学习笔记HTML-css-JS.zip

03-17

学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记...

前端学习笔记-黑马程序员CSS

01-09

前端学习笔记-黑马程序员CSS CSS 是一种标记语言，主要用于美化页面，美化 HTML，让画面更美观。总结来说，HTML 主要做结构，显示元素内容，而 CSS 负责美化，让结构（HTML）与样式（CSS）相分离。一、CSS 语法...

参与评论您还未登录，请先登录后发表或查看评论

CSS学习笔记--CSS语法与选择器

初学者

06-04

2755

导语 Css用于控制网页的样式和布局，指层叠样式表(Cascading Style Sheets),定义如何显示HTML的元素，这个样式通常存储在样式表中。在工作中通常使用的外部样式表，外部样式表被放到一个外部的CSS文件中，多个样式可以进行叠加。文章目录CSS语法CSS 实例CSS 注释CSS 选择器id选择器class选择器CSS 创建外部样式表内部样式表内联样式多重样式多重样式优先级深入 CSS语法实例一 <!DOCTYPE html> <html> <he.

Web课程学习笔记--CSS-Sprite的应用

太阳当空照，花儿对我笑，微风轻轻拂，心情无限好。

02-05

1230

CSS雪碧，即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。例如常见的商品分类导航其实所有商品的背景图用的都是一个所有小图标拼凑成的大图，只是在不同类别显示对应类别的图标时，通过li背景定位到大图的对应图标的位置。背景图位置可以使用一些雪碧图生成工具的时候，生成对应的CSS样式文件里面会有对应的位置信息。

CSS学习笔记

热门推荐

itboy

06-16

31万+

CSS入门学习一、CSS简介 1、什么是CSS CSS：Cascading Style Sheet 层叠样式表是一组样式设置的规则，用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护页面的精确控制，让页面更精美 3、CSS作用页面外观美化布局和定位二、基本用法 1、CSS语法 <head> <style> 选择器{ 属性名：属性值; 属性名：属性值; } </style> &l

尚硅谷CSS学习笔记

MissXu666的博客

10-10

1454

等等），导致节点位置发生变化，此时触发浏览器重排（reflow），需要重新生成渲染树。③维护方面：CSS Sprites在维护的时候比较麻烦，页面背景有少许改动时，就要改这张合并的图片，无需改的地方尽量不要动，这样避免改动更多的CSS，如果在原来的地方放不下，又只能（最好）往下加图片，这样图片的字节就增加了，还要改动CSS。我们在编码时，不用过于关注浏览器的私有前缀，不用去记忆，去查询，因为常用的css3 新特性，主流浏览器都是支持的，对于老版本浏览器，我们也可以借助现代构建工具，去帮我们添加私有前缀。

前端css基础学习笔记

a_big_panda的博客

01-22

1049

例如：效果：例如：效果：例如：效果：选择页面中对应的标签（找她），方便后续设置样式（改她）例如：效果：例如：效果：注意：一个id选中多个标签也有效果，但不符合规范，规范是一个id选择器只选中一个标签例如：效果：例如：效果：例如：效果：注意点：例如：效果：例如：效果：注意：注意：例如：效果：例如：效果：注意：例如：效果：例如：效果：注意：如果需要让文本水平居中，text-align属性给文本所在标签（文本的父元素）设置例如：效果：注意：开发中会使用text-decoration：none；清除a标签默认的下

vue3 学习笔记09 -- 自适应实现(postcss-pxtorem)

weixin_46328739的博客

07-15

529

postcss-pxtorem 是一个 PostCSS 插件，用于将 CSS 中的像素单位（px）转换为 rem 单位，从而实现响应式布局。主要用途是在移动端开发中，通过设置根元素的字体大小，使得页面元素的尺寸随着根元素字体大小的变化而变化，从而实现不同屏幕尺寸下的自适应布局。

前端-css学习笔记

m0_53155317的博客

01-30

1289

CSS CSS，它代表(Cascading Style Sheets)层叠样式表。使用< style >标签为元素定义CSS样式 style可以定义在开头，也可以定义在标签内在代码的顶端，创建一个如下所示的style元素： <style> </style> 所有的h2元素都设置为红色 <style type="text/css"> h2 { color: red; } </style> 普通文本内容 <h2>h

CSS学习笔记整理

bfbshs_ddd的博客

12-16

1766

整理过去的CSS学习笔记。CSS 即层叠样式表/CSS样式表/级联样式表，也是标记语言，用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距）以及版面的布局和外观显示样式

前端学习笔记-CSS(2)_css框模型

08-22

前端学习笔记-CSS(2)_css框模型 8.边框(盒子模型) margin,外边框，指当前标签的边框和其他标签或父标签的距离。 padding,内边框，指当前标签的边框和内部文本的距离。

前端学习笔记-CSS(1)

08-22

前端学习笔记-CSS(1) CSS笔记，包括代码，更详细的需要查看CSS的API。

关于react的缓存问题

jiangshan112的博客

10-23

3448

项目中遇到一个缓存问题，提交审批后刷新页面，数据状态未自动更改，要多刷很多次才能改过来。一开始调试发现是models层state数据未修改，手动清除state后还是未能更新。又调试发现请求接口未调用，不过以为是请求未打印的原因，或者是state状态未更新导致未发出请求，却不知道问题就在这。想着应该是react框架的diff算法问题，所以存在缓存，后面一直在改models层，致力于手动更新state触发请求数据。后来在网上帖子偶然看到有个说是在URL请求后面添加hash更新请求可以解决浏览器的缓存

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 问题

jiangshan112的博客

05-11

2660

react项目打包FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 问题。其根本原因在于 nodejs 默认限制了最大可使用的内存大小。 nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。解决办法可以是增加 nodejs 可使用的最大内存大小，也可以从降低程序内存消耗的角度入手。统计的网上几种解决方法如下：

react项目部署

jiangshan112的博客

04-14

1247

react项目部署安装环境—nginx新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入安装环境—nginx 1、命令行安装：yum -y install nginx ；简单快捷。编译安装需自行配置插件环境，安装教程。 2

nginx配置示例

jiangshan112的博客

04-14

977

例1： # For more information on configuration, see: # * Official English Documentation: http://nginx.org/en/docs/ # * Official Russian Documentation: http://nginx.org/ru/docs/ user nginx; worker_processes auto; error_log /var/log/nginx/error.log; pid /..

同源策略与跨域

jiangshan112的博客

09-09

527

在前后端分离的今天，跨域也成了每个前端工程师都需要了解的基本知识，在各种面试题中的日经话题。这个文章就是想总结一下关于同源策略的前世今生，以及怎么解决它。同源策略在MDN中我们可以看到关于同源策略是一个安全机制。详细的说明如下：同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。这个机制本身出发点是很好的，但是同源的限制非常严格，url，端口任一不同都会造成跨域错误。而且在控制台中你不会发现任何问题。随着前后端分离越.

HTML与CSS基础学习笔记

“html和css笔记，包括HTML基础、XHTML注意事项、常用标签等内容，结合了书籍、网站和知名专家的资源，以及各种网页调试工具的介绍。” HTML与CSS是构建网页设计的基础，它们分别负责网页的结构和样式。HTML...