前端学习笔记---CSS继承与列表

最新推荐文章于 2024-08-31 13:30:09 发布
最新推荐文章于 2024-08-31 13:30:09 发布
阅读量108 收藏
点赞数
文章标签： 前端 css 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HJHAlone/article/details/123071973
版权

1.继承注意事项：CSS继承的是计算值，而不是编写时的指定值。

2.CSS层叠，CSS允许多个相同名字的属性叠加在同一个元素上。依据选择器权重进行覆盖。选择器权重：id--100；class--10；元素--1。 ！important---10000；内联样式---1000（属性中设置的样式）

 

列表

有序列表：ol

无序列表：ul

定义列表：dl（直接子元素只能是dt、dd）

列表元素的属性：

list-style-type，list-style-image，list-style-position

 

 

基本上都是list-style:none 

 

HJHAlone
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端学习笔记 - HTML+CSS
fengxm0309的博客
10-07 4700
基础认知 网页 什么是网页 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。 什么是 HTML HTML 指的是超文本标记语言 (Hyper Text Markup Lang
前端学习笔记-CSS
GRIT0716的博客
11-25 909
一些自己学习过程中总结的最基础的css知识点的简要概括，主要用来当我的笔记。
前端学习笔记--CSS特性与权重
weixin_44482359的博客
07-20 490
举个简单的例子来说，先给某个标签指定了内部文字颜色为A，接着又指定了其内部文字颜色为B，这种情况就会导致出现一个标签指定了相同的样式，但是它们的值不同的情况，这就是样式冲突。因为本人自身是后端JAVA出身，因此自身感觉CSS的继承性很类似与java当中的继承，其特性简单来说就是——子承父业，举个通俗的利己来说我父亲有的我都会有，但我有的我父亲不一定有，从这点来说很类似。最近在做VUE项目时需要将组件原有的样式进行删除，这是我就可以在引用页面重新指定样式，将原有的样式属性层叠来达到最终的效果。......
前端学习笔记02-css
abc_123_cba_123的博客
01-22 1761
CSS引入方式选择器1.1标签选择器1.2类选择器1.3id 选择器1.4通配符选择器字体属性文本属性 引入方式 css的引入方式有三种，分别是：行内样式、内部样式、外部样式 1.行内样式表 行内样式表（内联样式表）是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式. 例：<div style="color: red; font-size: 12px;">青春不常在，抓紧谈恋爱</div> 2. 内部样式表 内部样式表（内嵌样式表）是写到htm
前端学习笔记--CSS篇(冲突规则)
leg的博客
01-13 349
前言 你知道CSS的冲突规则吗？ 查缺补漏 上一篇选择器部分少了伪元素选择器，这一篇给补上 伪元素 伪元素开头为:: 语法：::pseudo-element-name 选择器： ::after: 匹配出现在原有元素的实际内容之后的一个可样式化元素 ::before: 匹配出现在原有元素的实际内容之前的一个可样式化元素 ::first-letter: 匹配元素的第一个字母 ::first-line: 匹配包含此伪元素的元素的第一行 ::grammar-error: 匹配文档中包含了浏览器标记的语法错误的那部
前端学习笔记01---HTML5、CSS3、移动端前端基础学习知识点合集
weixin_46615135的博客
03-23 1457
前端学习笔记01---HTML5、CSS3、移动端前端基础学习知识点合集
前端学习笔记 - CSS - 5.高度塌陷
weixin_42344568的博客
06-29 171
当父元素的高度由子元素的高度撑起时，子元素浮动后，父元素发生高度塌陷。 <style type="text/css"> .parent{ border: 10px red solid; } .son{ width: 100px; height: 100px; background-color: pink; float: left; } </style> <body> <div class="parent">
Window Performance API
Bruce__taotao的博客
08-28 1445
Window Performance API 是一组浏览器提供的接口，用于收集和分析网页性能数据。它允许开发者精确地测量网页加载时间、资源加载时间、用户交互延迟等性能指标，从而优化用户体验。1. 主要接口1.1返回一个高精度时间戳，通常用于计算精确的时间差。例如，你可以用它来测量函数执行时间。使用场景: 精确计算代码段的执行时间。// 执行某个任务console.log(`执行时间:${// 执行某个任务 const end = performance . now();
前端的面试题
本人小可爱
08-30 206
【代码】前端的面试题。
vue ref和reactive区别
灰海
08-25 5417
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
安防视频汇聚平台EasyCVR启动后无法访问登录页面是什么原因？
EasyCVR视频融合云平台的技术博客
08-27 551
以进程方式启动（./easycvr）时，清楚看到此时web端口【9004】被占用。更改端口后，EasyCVR视频汇聚平台可以正常访问了。
AI 大模型时代，对前端工程师有哪些机遇和挑战？
Z4400840的博客
08-28 2208
AI 大模型时代为前端工程师带来了丰富的机遇，同时也带来了挑战。前端工程师需要积极适应这些变化，掌握新的技能，以抓住时代发展的红利。通过不断学习和提升技术水平，前端工程师可以在AI时代中发挥更大的作用，创造更多的价值。
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 667
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
前端开发学习Docker记录02容器操作
第⑦个前端
08-29 3177
使用docker ps 可以看到有哪些镜像在运行。
JavaWeb——前端工程化
m0_50460160的博客
08-30 557
通过解构赋值，可以访问到对象中的属性，并将其赋值给对应的变量，从而提高代码的可读性和可维护性;ES6 的解构赋值是一种方便的语法，可以快速将数组或对象中的值拆分并赋值给变量。该语句将数组 [1,2,3]中的第一个值赋值给a变量，第二个值赋值给b变量，第三个值赋值给c变量。ES6引入的模块化功能为JavaScript代码的组织和管理提供了更好的方式，不仅提高了程序的可维护性，还让JavaScript更方便地应用于大型的应用程序;并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动;
KEYSIGHT是德 Infiniium EXR系列 示波器
XLTYQYB的博客
08-29 1168
该系列的所有型号都集成了一个 10 位 ADC，并且在所有通道上同时提供 16 GSa/s 的采样率。高分辨率 ADC 的效用取决于示波器的前端底噪是否足够低以提供与之匹配的额外的量化电平空间。我们的低噪声前 端包含定制 IC，例如 130 纳米 BiCMOS IC（其中集成了用户可选的模拟滤波器），并且带宽可通过软件 许可证升级。使用硬件滤波时，噪声低至 43 μV，系统 ENOB 达到 9.0 位。Infiniium EXR系列 示波器 型号比较。垂直分辨率是 8 位示波器的 4 倍。
前端学习Day36
最新发布
2401_83657100的博客
08-31 193
同样的将变量和函数组合到了一起并能通过this 实现数据的共享，所不同的是借助构造函数创建出来的实例对象之间是彼此不影响的。就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。我们可以把那些不变的方法，直接定义在 prototype对象上，这样所有对象的实例就可以共享这些方法。构造函数和原型对象中的this 指向构造函数和原型对象中的this都指向实例化的对象。构造函数和原型对象中的this 都指向实例化的对象。构造函数体现了面向对象的封装特性；
Vue动态表头数据
lplovewjm的博客
08-27 594
本文主要解决场景：表头不固定、从后端数据中拿取表头并渲染到页面中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值