【前端CSS3】CSS引入方式总结（黑马程序员）

已于 2024-07-05 01:21:38 修改
阅读量475 收藏
点赞数 18
分类专栏： Java全栈学习历程 文章标签： 前端 css css3
于 2024-07-03 23:59:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_75503057/article/details/140069122
版权

文章目录

一、前言🚀🚀🚀

在这里插入图片描述

☀️
回报不在行动之后，回报在行动之中。

这个系列可以叫作《前端从零开始系列》，因为我打算就是花一个周期时间，来过一遍CSS+JS个人觉得笔记重点且常见的知识点，并且总结起来，如这一篇CSS选择器，归纳各类选择器，将是这个系列的开篇之作。为了方便前端CSS3样式与JS知识的总结，请期待这个系列的更新吧。

二、CSS引入方式：☀️☀️☀️

在这里插入图片描述

2.1 内部样式表

在这里插入图片描述
编程代码如下：直接在html文件上面加个style标签即可。

在这里插入图片描述

在这里插入图片描述

2.2 行内样式表

  下面这么多行只想将最后一行的字体改成粉色如何操作呢？

在这里插入图片描述

在这里插入图片描述
修改多个属性就如下：用分号隔开。

在这里插入图片描述

在这里插入图片描述

2.3 外部样式表

在这里插入图片描述

在这里插入图片描述

三、总结🚀🚀🚀

  
在这里插入图片描述

  
  
Alt

她和夏天一样热
关注
  • 18
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS 学习笔记总结（借鉴黑马程序员pink老师前端入门）
haobowen的博客
12-05 8641
1. CSS 简介 CSS 的主要使用场景就是美化网页，布局页面的 1.1 HTML 的局限性 说起 HTML ，他只关注内容的语义。比如 <h1> 表明这是一个大标题，<p> 表明这是一个段落，<img> 表明这有一个图片，<a> 表示此处有链接。 虽然 HTML 可以做简单的样式，但是带来的是无尽的臃肿和繁琐 1.2 CSS-网页的美容师 CSS 是层叠样式表（Cascading Style Sheets）的简称 有时我们也称之为 CSS 样
【黑马程序员】1、CSS基础_2023新版前端Web开发HTML5+CSS3+移动Web视频教程_笔记
qq_37581764的博客
07-11 841
层叠样式表 （Cascading Style Sheets，缩写为 CSS），是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。 CSS 是开放网络的核心语言之一
黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端
m0_64372176的博客
08-20 2180
黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端
前端学习笔记-黑马程序员CSS
01-09
前端学习笔记-黑马程序员CSS CSS 是一种标记语言，主要用于美化页面，美化 HTML，让画面更美观。总结来说，HTML 主要做结构，显示元素内容，而 CSS 负责美化，让结构（HTML）与样式（CSS）相分离。 一、CSS 语法...
黑马程序员前端小白零基础入门HTML5+CSS3
06-19
本教程"黑马程序员前端小白零基础入门HTML5+CSS3"专为初学者设计，旨在帮助那些对前端开发感兴趣的朋友们从零开始学习这两门技术。 HTML5是超文本标记语言的最新版本，它的出现极大地增强了网页的交互性和表现力。...
免费下载前端HTML，CSS总结(b站黑马程序员540集)
06-19
CSS3引入了更多的选择器，如伪类、伪元素，以及动画、过渡和变形等新特性，极大地丰富了网页的表现力。 【前端开发与响应式设计】 前端开发是创建网页和应用程序的过程，包括HTML、CSS和JavaScript的使用。前端...
前端学习笔记(B站黑马程序员)
11-17
图像的引入使用`<img>`标签，其`src`属性指定图像URL，`alt`提供替代文本，`title`显示提示信息，`width`和`height`设定尺寸，`border`定义边框。路径分为相对路径和绝对路径，理解这两种路径对于资源的引用至关重要...
HTML5+CSS3网页设计与制作
11-04
黑马程序员的配套书籍资源将提供详细的教程和实例，帮助初学者和有经验的开发者 alike 深入掌握这些技术。通过实际操作和项目实践，你可以提升网页设计和开发的技能，从而构建出符合现代标准、富有吸引力的网页。 ...
前端面试题日常练-day97 【Less】
qq_44640575的博客
07-20 437
border-radius()函数用于在Less中生成圆形边框效果。通过设置border-radius()函数，我们可以为元素的边框添加圆角效果，使边框呈现圆形的外观，从而美化页面元素的边框样式。
python爬虫基础——Webbot库介绍
最新发布
qq_56262770的博客
07-22 613
Webbot是一个专为Python设计的库，用于简化网页自动化任务。它基于Selenium WebDriver，提供了一系列高级接口，使自动化任务更加直观和易于管理。Webbot库的设计理念是将复杂的网页交互抽象为简单的API调用，从而减少开发者在编写自动化脚本时的工作量。Webbot库的核心功能包括自动化表单填写、点击操作、数据抓取等，同时支持处理JavaScript渲染的页面和模拟用户行为。这些功能使得Webbot库成为自动化测试、数据收集和网页监控等领域的理想选择。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 872
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
纯前端小游戏，4096小游戏，有音效，Html5，可学习使用
m0_62996549的博客
07-18 534
【代码】纯前端小游戏，4096小游戏，有音效，Html5，可学习使用。
LG 选择 Flutter 来增强其智能电视操作系统 webOS
恋猫de小郭的博客
07-17 1809
总的来说，LG 是 Flutter 在 TV 领域的一次新的尝试，并且它是在脱离了 Android 平台的场景下实现的支持，虽然 webOS 并不是什么流行的系统，但是这也体现出了 Flutter 的特点：可以用较低的成本实现较好性能的跨平台。后续，在 LG 的主导下，WebOS 经过进一步修改，转变为智能电视操作系统，于是 WebOS TV 就诞生了，此后 LG 的 TV 基本路线定为 webOS ，在应用层面，WebOS TV 以基于 Web 的技术为基础。然后 LG 为什么选择 webOS？
前端性能优化--懒加载
weixin_43799793的博客
07-19 179
3、同时还可结合 lazy loading 属性，利用浏览器的原生属性，进一步优化图片加载，不过其延迟加载机制完全是由浏览器自身决定的，在不同浏览器上效果不同(BTW，部分浏览器可能并不支持)。2、然后对元素进行监听，当图片进入可视区域时，提取元素的 data-src 即真实的图片地址赋值给 src 属性，就会去发送请求加载图片，实现了懒加载。设置为 1 张 1px*1px 的透明图片用作占位符，以防止出现出错图标。TinyPNG 网站: https://tinypng.com/
[web]-反序列化-绕过__wakeup(转)
mails2008的专栏
07-18 398
终点：很直接是echo $flag,在__destruct中，username==='admin' 和 password==100。反序列化过程中发现起点在终点之前调用，反而是捣乱的，那我们就不需要自动执行__wakeup，绕过的方法，设置的字段数量比实际字段大的值。其实简单的很简单，难得也很难，慢慢学习就好，没必要焦虑，觉得很难，纯粹一个兴趣爱好就行。起点：_wakeup函数中是$this->username='guest',是给赋值；按照常规思路，寻找起点、终点、跳板。
谷粒商城实战笔记-35-前端基础-ES6-模块化
epitomizelu的专栏
07-20 500
模块化就是把代码进行拆分，方便重复利用。类似 java 中的导包：要使用一个包，必须先导包。JS 中没有包的概念，JS中类似的概念是模块。export和import。export命令用于规定模块的对外接口。import命令用于导入其他模块提供的功能。
Web Pages 表单
07-20 292
Web pages 表单是现代网页设计中不可或缺的组成部分，它们允许用户与网站进行交互，提交信息，如注册、登录、反馈、预订等。表单的设计和功能对用户体验和网站的业务目标有着直接的影响。本文将深入探讨Web pages表单的各个方面，包括设计原则、常用元素、验证机制和最佳实践。
前端小项目-强调鼠标悬停时效果的名片
关注收藏，可以私信解决问题！
07-19 1065
在学习完HTML和CSS之后，我们就可以开始做一些小项目了。本篇文章所讲的小项目为——动态效果名片。通过这个项目，你将学会如何使用HTML和CSS来创建一个具有动态效果的名片。
辛星Web前端教程：CSS3贺岁版详解
"2014年辛星web前端教程贺岁版第六本，专注于CSS3技术的教学，旨在提供更新、更全、更实用的前端知识，致力于成为专业且权威的学习资源。教程由辛星编写，他期望通过这个教程平台，与学习者共同成长，打造一个学术...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值