关于css

最新推荐文章于 2024-10-18 18:01:20 发布
最新推荐文章于 2024-10-18 18:01:20 发布
阅读量50 收藏
点赞数
文章标签： css html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63485866/article/details/127929090
版权

今天学习了关于css的一部分只知识包括

1.简介  2.书写位置    3.语法   4.常用选择器  5.复合选择器  6.关系选择器  7.属性选择器

1.其中css的简介是

2.书写位置有三种方式为 内联 外部  和内部 方式

3.css的语法4.常用选择器 

5.复合选择器 

6.关系选择器 

7.属性选择器

 

 以上就是我今日所学的关于css的内容

 

 

 

 

 

 

 

 

 

 

 

韩忘忧
关注
关于css 推荐几个超好看渐变色！
weixin_48596030的博客
11-10 6012
这个渐变色从深蓝色 (#001f3f) 渐变到浅蓝色 (#0088a9)，然后到青绿色 (#00c9a7)，接着到淡绿色 (#92d5c6)，最后到非常浅的淡青色 (#ebf5ee)。这个渐变色使用了多个鲜艳的颜色，从紫红色 (#ff00cc) 渐变到橙色 (#ffcc00)，然后到青色 (#00ffcc)，最后到鲜艳的粉红色 (#ff0066)。它给人一种明亮、活力和欢乐的感觉。这个渐变色从鲜艳的红色 (#ff9a9e) 渐变到柔和的粉红色 (#fad0c4)，给人一种浪漫和瑰丽的感觉。
css 样式面板,关于 CSS 样式面板
weixin_42363501的博客
08-03 3587
使用“CSS 样式”面板可以跟踪影响当前所选页面元素的 CSS 规则和属性(“当前”模式)，也可以跟踪文档可用的所有规则和属性(“所有”模式)。使用面板顶部的切换按钮可以在两种模式之间切换。使用“CSS 样式”面板还可以在“所有”和“当前”模式下修改 CSS 属性。有关“当前”模式和“所有”模式下“CSS 样式”面板的信息，请参阅下面两部分。当前模式下的 CSS 样式面板在“当前”模式下，“CSS...
关于css类名
weixin_51332774的博客
03-22 2719
CSS选择器： 类名为什么要一层一层写：直接.class也是可以的，但如果有一个项目中出现两个一样的类名就会出现样式覆盖的问题。按层级写就可以保证样式的唯一性以及结构清晰。 css样式表中的样式覆盖顺序，两个class同时存在会怎样？ id和class的区别 Class 在程序中称“类”，同时在CSS中也书面语也叫“类”。在CSS样式中以小写的“点”及“.”来命名 而且class(类)在同一个html网页页面可以无数次的调用相同的class类。这也说明class一般是用来调用css中的预配制属性的，比如说有
关于css的优先级
weixin_54144126的博客
05-31 5786
关于css优先级以及权重的一些问题
关于css连接方式
qq_67740819的博客
11-14 1703
css的三种连接方式
关于css样式隔离
qq_41185460的博客
10-11 2657
一.为什么需要样式隔离？ css一旦生效，就会应用于全局，所以很容易出现冲突。所以需要进行样式隔离。 二.如何进行样式隔离？ 1. 命名空间： 给每个不同模块使用的css规划好命名，这样所有的css就都不会出现冲突，这种方法虽然很好理解和简单，但是编写起来很繁琐，维护成本会很高。 2. css Modules： 这其实跟命名空间有点类似，vue应该就是使用类似的方法，给选择器加上特殊的字符串，达到css隔离的效果。 3. css-in-js 4. Shadow DOM Shadow DOM是指
关于CSS（详细篇）
weixin_53342968的博客
02-09 3120
详细介绍了CSS的含义、属性、选择器等
关于css hover动效边缘触发频繁闪动的解决方案
黄治文的博客
09-10 6588
问题描述 最近做一个官网，里面的动效比较多，也遇到了很多问题。便一点点的收录下来。今天遇到的问题如下图 当鼠标触发到边缘时，就会频繁切换hover 和 非hover状态，就出现了如图的一上一下的局面 问题解决 既然知道了是怎样出现了，那就好解决了。因为直接在需要改变位置的元素加hover属性，在触发边缘时，元素就发生向上的的位置变化，然后鼠标就和元素没有接触了，就时非hover属性，元素位置要还原，然后又接触到鼠标，变成了hover属性。如此循环就会不停闪动，用户体验很差。 解决方案就是将hover属性放
关于css 中的dl dt dd
Yami__yan的博客
01-20 2021
< dl>< /dl>用来创建一个普通的列表, < dt>< /dt>用来创建列表中的上层项目， <dd>< /dd>用来创建列表中最下层项目， < dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。 常用与 左右排布的列表，左侧是标签信息，右侧是描述信息。 例如: 配合 dl dd dt 加上以下几行代码就可实现
关于css选择器中的 +
lotpyve的博客
10-19 1297
定义：在CSS中“+”符号选择器被称为相邻兄弟选择器，
前端关于 CSS，你该做好这 20 件事
04-21
在前端开发中，CSS起着至关重要的角色，它关乎到产品的可用性和用户体验。然而，当前的CSS开发常常被忽视，更多的焦点在于JavaScript。实际上，创建一个高可用性的用户界面是前端技术的基础，而这离不开CSS的专业性...
关于CSS的一些基础应用
09-27
以下是一些关于CSS基础应用的关键知识点： 一、关于注释 在编写CSS代码时，注释是至关重要的。良好的注释习惯可以帮助开发者更好地理解代码逻辑，方便日后维护。通常，我们会使用“/* 注释内容 */”的形式添加注释...
CSS教程关于css框架网页设计
09-27
【CSS框架】是Web开发中的一个重要概念，它是一种预先设计好的CSS代码集合，旨在提供一套标准的样式规则，用于简化和加速网页设计过程。CSS框架通常包括一系列预定义的类和ID，帮助开发者快速构建响应式、兼容多...
网页设计中关于CSS设置的小知识点（细碎整理）
07-02
网页设计中关于CSS设置的小知识点 CSS（Cascading Style Sheets）是一种样式表语言，用于控制网页中文本的字体、颜色、大小、间距、风格及位置等样式。下面是关于CSS设置的小知识点： CSS样式表的功能 CSS样式表...
基于html的大模型调试页面
abments的博客
10-11 677
基于html的大模型调试页面
CSS简单入门
YY0503_的博客
10-14 975
新闻说：的那家店你</p><div>时间2024年10月14日</div>/* 属性名和属性值成对出现--键值对 */<title>新闻详细</title>使用-------> class=“类名”<title>CSS使用</title><title>CSS使用</title><title>CSS使用</title><p>你几点才能发多少</p><p>你几点才能发多少
前端学习---(2)CSS基础
最新发布
Fuly的博客
10-18 221
关于文字样式的属性，都具有继承性。这些属性包括：color、 text-开头的、line-开头的、font-开头的。CSS 是用来指定文档如何展示给用户的一门语言——如网页的样式、布局、等等。css语法: 选择器{ 属性名: 属性值;选择器排序的优先级为：ID选择器 > 类选择器 > 标签选择器。font-size: 属性 冒号之前是属性，冒号之后是值。知道什么是什么,知道知识点属于那一块,用的时候再查,color: 属性 冒号之前是属性，冒号之后是值。关于盒子、定位、布局的属性，都不能继承。
使用CSS Flexbox创建简洁时间轴
weixin_40539956的博客
10-13 719
在网页设计中,时间轴是一种常见且有效的方式来展示事件的顺序和进程。本文将介绍如何使用CSS Flexbox创建一个简洁优雅的时间轴,无需复杂的JavaScript代码。 首先,我们需要创建基本的HTML结构: CSS样式 1. 创建时间线 使用伪元素创建时间线: 2. 事件对齐 使用Flexbox对齐事件: 3. 垂直间距 使用Flexbox控制事件间的垂直间距: 4. 响应式设计 使用媒体查询实现响应式设计: 完整CSS代码 以下是完整的CSS代码: 通过这些CSS样式,我们创建了一个简洁、响应式的时间轴
HTml + CSS 核心笔记 （八）
2301_80115241的博客
10-13 663
结构：通栏 > 版心 > 服务（service）+ 帮助中心（help）+ 版权（copyright）文件夹：存放非固定使用的图片素材，例如：商品图、宣传图需要上传的图片。结构：ol > li > i（li 是大圆，i 是小圆）标签语义化（在合适的地方使用合适的标签）Favicon 图标：网页图标，出现在。结构：通栏 > 版心 > 导航 ul。结构：.header >结构：通栏 > 版心 >样式，例如：头部、底部。banner – 圆点。：各个网页相同模块的。头部（header）底部（footer）
关于CSS字体样式的html代码
03-29
<title>CSS字体样式 <style type="text/css"> body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; } h1 { font-family: Georgia, serif; font-size: 36px; font...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值