CSS样式小笔记

最新推荐文章于 2025-04-19 22:20:41 发布

女粉丝

最新推荐文章于 2025-04-19 22:20:41 发布

阅读量374

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/BlingbringBling/article/details/52639555

HTML 专栏收录该内容

2 篇文章

订阅专栏

外链CSS样式

1，rel="stylesheet" type="text/css"

2，<link>标签位置一般写在<head>标签之内

后代选择器

.first>span （设置所有的第一代子元素）

.first span （设置所有子元素）

*{} (通用选择器设置全部)

a:hover{ color:red;} （鼠标滑过字体颜色变化）

优先级问题

标签的权值为1，类选择符的权值为10 (p{ color:red!important;}最高优先级)

元素分类

块状元素：<div>,<p>,<h1>,<ol>,<ul>,<table>,<form>

内联元素：<a>,<span>,<br>,<em>,<strong>,<label>,<q>,<code>

内联块状元素：<img>,<input>

块状元素：1，每个块状元素都从新的一行开始，并且其后的元素也另起一行。

2，元素的高度，宽度，行高以及顶和底边都可设置

3，元素宽度在不设置的情况下，是他本身父容器的100%

4，转换成块状元素：display:blcok

内联元素：1，和其他元素都在一行上

2，元素的高度，宽度及顶部和底部边距不可设置；

3，自适应宽度，内容多宽它就多宽

4，转换成内联元素：display：inline；

内联块状元素：1，和其他元素都在一行上

2，可以设置元素的高度，宽度，行高以及顶和底边距

元素间距用margin设置

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

女粉丝

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

console 控制台 CSS样式使用笔记

weixin_42731553的博客

07-30

2758

控制台可以使用%c为打印内容定义样式，%c之前的文本不受影响，之后的文本内容受后面参数中的CSS样式影响。You can use the %c directive to apply a CSS style to console output.The text before the directive will not be affected, but the text after the di...

css样式的笔记AAAAAAAAAAAA

11-18

【CSS样式笔记】 CSS（Cascading Style Sheets）是一种用于定义网页中元素样式的语言，它使得内容与表现分离，让网页设计更加灵活和可维护。这篇笔记主要涵盖了CSS的基础概念和常用属性。 1. 选择器与注释 CSS中...

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

CSS常用标签笔记

qq_14822691的博客

10-28

1098

cursor:url(图片地址), 属性值;

css笔记

2402_88258714的博客

11-03

1332

（向色相中对应颜色中添加灰色， 0% 全灰， 100% 没有灰）亮度：取值范围是 0%~100%。（ 0% 亮度没了，所以就是黑色。HEX 的原理同与 rgb 一样，依然是通过：红、绿、蓝色进行组合，只不过要用 6位（分成3组）来表达，格式为：# rrggbb。HSL 是通过：色相、饱和度、亮度，来表示一个颜色的，格式为： hsl(色相,饱和度,亮度) 色相：取值范围是 0~360 度。概念：如果发生了样式冲突，那就会根据一定的规则（选择器优先级），进行样式的层叠（覆盖）。

CSS入门学习笔记+案例

热门推荐

itboy

06-16

33万+

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

尚硅谷CSS学习笔记

MissXu666的博客

10-10

1652

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

前端css基础学习笔记

a_big_panda的博客

01-22

1214

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

CSS——前端笔记

qq_48721706的博客

04-21

3033

css前端笔记

css基础知识笔记

2301_79175212的博客

09-22

1483

vscode,启动!

HTML+CSS笔记整理

2301_77576552的博客

09-29

1177

HTML+CSS学习笔记整理

CSS自查笔记

2402_83305235的博客

04-19

1236

CSS即级联样式表（层叠样式表）。

前端css样式文档笔记

10-11

css

CSS样式学习笔记之一：基础知识

05-24

在CSS（层叠样式表）的学习中，基础知识是构建网页美观和功能性的基石。这篇学习笔记将引导我们深入了解CSS的...通过阅读这篇"CSS样式学习笔记之一：基础知识"，以及参考提供的博客链接，相信你会对CSS有更深入的理解。

2-CSS样式学习笔记【适用于入门级别和进阶级别】.doc

11-09

**CSS样式学习笔记** **一、CSS简介** CSS（Cascading Style Sheets）是一种层叠样式表语言，自1996年起发展至今，已经成为Web设计的标准之一。1998年5月，W3C发布了CSS Level 2规范，为网页设计提供了强大的样式...

JQuery CSS样式控制学习笔记

01-21

jQuery 就不多说了，这是JS的一个函数库，比较常用，我们今天是就jQuery的三种用于css的操作进行总结 $(selector).css(“name”,”value”) $(selector).css({properties}) $(selector).css(name) $(selector).css...

mmexport1755325166750.mp4

08-16

mmexport1755325166750.mp4

08-16

08-16

1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

### 生物质炉具现场测试污染物排放特征及减排效果评估

08-16

内容概要：该研究通过在黑龙江省某示范村进行24小时实地测试，比较了燃煤炉具与自动/手动进料生物质炉具的污染物排放特征。结果显示，生物质炉具相比燃煤炉具显著降低了PM2.5、CO和SO2的排放（自动进料分别降低41.2%、54.3%、40.0%；手动进料降低35.3%、22.1%、20.0%），但NOx排放未降低甚至有所增加。研究还发现，经济性和便利性是影响生物质炉具推广的重要因素。该研究不仅提供了实际排放数据支持，还通过Python代码详细复现了排放特征比较、减排效果计算和结果可视化，进一步探讨了燃料性质、动态排放特征、碳平衡计算以及政策建议。适合人群：从事环境科学研究的学者、政府环保部门工作人员、能源政策制定者、关注农村能源转型的社会人士。使用场景及目标：①评估生物质炉具在农村地区的推广潜力；②为政策制定者提供科学依据，优化补贴政策；③帮助研究人员深入了解生物质炉具的排放特征和技术改进方向；④为企业研发更高效的生物质炉具提供参考。其他说明：该研究通过大量数据分析和模拟，揭示了生物质炉具在实际应用中的优点和挑战，特别是NOx排放增加的问题。研究还提出了多项具体的技术改进方向和政策建议，如优化进料方式、提高热效率、建设本地颗粒厂等，为生物质炉具的广泛推广提供了可行路径。此外，研究还开发了一个智能政策建议生成系统，可以根据不同地区的特征定制化生成政策建议，为农村能源转型提供了有力支持。

探索NoteApp笔记应用的CSS样式

通过精心设计的CSS样式，可以提升用户的使用体验，使笔记应用的界面既美观又实用。同时，开发者必须遵循最佳实践，确保代码的可维护性和性能。随着CSS技术的不断进步，开发者应持续学习和利用新技术来优化应用的表现...