CSS知识点总结第二讲

小白学大前端

已于 2022-03-03 08:46:29 修改

阅读量150

点赞数

文章标签： css css3 html

于 2022-03-02 21:52:42 首次发布

本文链接：https://blog.csdn.net/m0_53561448/article/details/123240922

版权

本文详细介绍了CSS的基础知识，包括CSS语法规则、选择器的使用（类型选择器、ID选择器、类选择器和包含选择器）、字体相关样式如font-size和font-family，以及src与href、link与@import的区别。理解这些概念对于提升CSS技能至关重要。

摘要由CSDN通过智能技术生成

1.CSS语法规则

CSS使用多种选择器来确定要定义的HTML标记

CSS使用大量的属性来定义HTML文档的表现

设置属性的不同的值来实现不同的显示效果

基本语法：选择器{属性：属性值；}

2.CSS选择器

（1）类型（标记）选择器

即使用标签的名字作为选择符

语法：标签{规则}

!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="CSS/01.css" type="text/css">
		<style type="text/css">
			div{
				background: #BDB76B;
			}

（2&#x

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小白学大前端

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

前端面试题---html/css

weixin_44501366的博客

10-07

1277

!DOCTYPE 标签：head：body:base:可以用来统一设置当前页面上的超链接的跳转方式< base >标签为页面上的所有链接规定默认地址或默认目标使用了 < base > 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备通常情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。使用< base >标签可以改变这一点。浏览器随后将不再使用当前文档的URL，而使用指定的基本URL来解析所有的相对URL。这其中包括 < a >、< img >、< li

前端 html,css 经典面试题 16道（20220322）

weixin_59519449的博客

03-22

4035

1.html5有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？HTML5是构建web内容的一种语言描述方式，在08年正式发布，12年已形成了稳定的版本。 H5新特性有：语义标签、增强型表单、Canvas绘图、地理定位、SVG绘图、拖放API、WebWorker、WebStorage、WebSocket 移除了： 1、显现层元素：basefont 、big、center、font、s、strike、tt、u 2、性能较差元素：fr...

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

src与href属性的区别

weixin_43607420的博客

11-29

424

src和href之间存在区别，能混淆使用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。src和href之间存在区别，能混淆使用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。 <script src ="js.js"></script> 当浏览

前端面试题

随心的专栏

10-27

1332

html篇 1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE: trident内核 Firefox：gecko内核 Safari:webkit内核 Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核 Chrome:Blink(基于webkit，Google与Opera Software共同开发) 2.每个HTML文件里

前端面试题汇总（含答案）（HTML+CSS篇）

小賀のBlog

04-25

3270

收集了很多同学的面经问题，并做了对应的学习，为了方便经常学习巩固顾对此做了汇总，类似问题做了合并，涉及到的不同技术点也做了分类，本篇主要汇总HTML+CSS的一些面试问题，持续更新......

css如何固定table第一行CSS面试知识点总结三.docx

07-08

以下是一些关键的CSS面试知识点，它们涉及到表格、行高、边距、边框以及其他相关的样式特性。首先，我们要明白`line-height`这个属性的重要性。它决定了元素中文本行之间的间距。`line-height`的默认值是`normal`...

HTML、CSS知识总结

xzc1453的博客

09-04

616

HTML、CSS知识总结

CSS知识点总结(二)

一只努力搬砖的打工妹纸

11-21

707

一圆角边框 border-radius: length /*属性值为数值或百分比的形式*/ 该属性可将正方形变成圆，只要将length值设为50%即可；可将矩形设置成有圆角的矩形，只需将其设置为矩形高度的一般即可；二盒子阴影 box-shadow: 水平阴影垂直阴影模糊距离(虚实) 阴影尺寸(影子大小) 阴影颜色内/外阴影其中水平阴影和垂直阴影两个属性是必须项，其它项可忽略；默认为外阴影(outset)、(内阴影为inset) 三 CSS布局的三种机制上面提到布局的本质

jQuery基础知识点总结(DOM操作)

11-22

jQuery 是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。在本文中，我们将深入探讨jQuery中的基础DOM操作和...熟练掌握这些基础知识对于任何前端开发者来说都是非常有价值的。

CSS知识总结第二篇

小白小白更努力

11-22

211

CSS2

2023年前端面试题（含答案）之HTML+CSS篇（一）

最新发布

qq_41838305的博客

03-13

728

为了帮助你获得面试官的青睐，顺利通过面试，跳槽进入大厂，走上人生巅峰，整理了一些前端面试，希望对在面试中或学习工作中的你有所帮助！

前端html,css高频面试题-持续更新中

m0_63873004的博客

11-02

471

html,css面试题

src与href的区别、link与@import区别

xingyunwei1的博客

09-08

356

href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。 src src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置,在请求src资源时会将其指向的资源下载并应用到文档内，当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。 link与@import 总结： link属于html标签。@import在css中使用表示导入外部...

JavaScript 必会的知识点

LEE123321123456的博客

07-31

718

学习Web前端中的JavaScript总结以下必会的知识点：1. js的基本数据类型Undefined、Null、Boolean、Number、String2. js有哪些内置对象？数据封装类对象：Object、Array、Boolean、Number 和 String其他对象：Function、Arguments、Math、Date、RegExp、Error3. this对象的理解th...

总结前端面试问到的问题点

qq_42676363的博客

06-16

1590

今天面试问到了几个问题点，我顺便把重要的几个问题点记下来，后续还有会补上！ 1、vue的render函数和templet的区别？ template----html的方式做渲染 render----js的方式做渲染 render（提供）是一种编译方式render里有一个函数h，这个h的作用是将单文件组件进行虚拟DOM的创建，然后再通过render进行解析。 h就是createElement()方法：createElement(标签名称,属性配置,children) template也是一种编译方式

HTML知识点总结（三）共2页.pdf.zip

10-30

这个压缩包文件"HTML知识点总结（三）共2页.pdf.zip"显然包含了对HTML技术的深入探讨，特别是其第三部分的内容。以下是对HTML的一些关键知识点的详细阐述： 1. HTML基本结构：HTML文档通常以`<!DOCTYPE html>`开头...

CSS知识点总结（2）

yookooi

03-03

810

一、选择器 1.通配符选择器（1）通配符选择器：选择所有的元素（标签），通常用来做格式化元素（标签）（2）基本格式 *{ 样式属性名 : 属性值 ; ... } （3）实例 /* 通配符选择器 */ *{ border: 1px solid #00000F; margin: 0px; font-size: 20px; } 2.分组选择器（1）分组选择器：分组选择器不是一种选择器类型，而是一种选择器使用方法。当多个对象定义了相同的...

web前端面试题及答案 css篇

Naive man的博客

04-29

6010

1.CSS3有哪些新特性？ CSS3实现圆角（border-radius），阴影（box-shadow），对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋转,缩放,定

HTML&CSS常见面试题

FIRE的博客

09-06

3258

HTML&CSS常见面试题

【前端领域高频笔试面试】—— HTML+CSS相关