前言

理解css作用，了解css语法规则，知道css的引入方式及其区别

一、CSS初始

CSS的介绍

css：层叠样式表
css作用：给页面中的HTML标签设置样式

语法规则

写在哪？
写在style标签中，style标签写在head标签里面，title标签下面
例子

p就是html中的需要修饰的内容，也就是选择器
实践
知识点：
css注释：ctrl+/
在style中写的都是css
格式：选择器 {css属性}
选择器的作用：查找标签

注意：在这个过程中出了一些错误

可以从图片中看出，如果一个属性中少了分号，后面的所有的属性都不能奏效

二、CSS引入方式

内嵌式：CSS写在style标签中
提示：style标签虽然可以写在任意的位置，但是通常写在head中
外联式：CSS写在一个单独的.css文件中
提示：需要通过link标签在网页中引入
行内式：CSS写在标签的style属性中
提示：不建议使用，之后会搭配js使用
对外联式实践：

结果：
行内式实践

但是这个有一个弊端，就是只能改变所在行的外观，如图
每种方式的使用场景

总结：所以在平常做一些工作量不是很大的用内嵌式即可，若是做项目，做一些工作量很大的网页之类的，用外联式，行内式很少使用。

关于自动补全代码的疑惑解决

中途遇到了一些疑惑，如何使vscode自动补全，用了网上的好多方法都发现不行，后来发现是我自己的使使用方法不对，我一开始打代码都是这样的

这样打出来回车后是没有自动补全的，后来发现换了个方式就可以了
这样子摁回车后就对了

CSS基础-01-基础认知相关推荐

Java基础01 基础语法
文章目录 01 Java概述 1.JAVA安装 2.HelloWorld 3.JAVA概述 3.1 JAVA的发展 3.2JAVA可以做什么 3.2.1 JAVA SE 3.2.2 JAVA ME 3 ...
C语言基础-01 基础知识
一.C语言的特点二.最简单的C语言程序 1.基础知识 (1)scanf: 输入,从命令行将用户输入的值,保存到变量中. int x = 0: scanf("%d" ,&x ...
前端基础：html基础(css基础和JavaScript基础)/01/B/S网络结构，html文件结构，html标签格式，lt;bodygt;中的一些常用标记
前端基础:html基础(css基础和JavaScript基础)/01/B/S网络结构,html文件结构,html标签格式,<body>中的一些常用标记 html:超文本标记语言(非编程语言 ...
JQuery-学习笔记01【基础——JQuery基础】
Java后端学习路线笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
【重识 HTML + CSS】网页基础知识、基本 HTML 标签
重识 HTML + CSS 网页的基础知识网页的显示过程缓存(cache)技术浏览器内核常用 HTML 元素 DOCTYPE 文档说明 html 元素:根元素 lang 属性 head 元素: ...
jQuery基础-01
jQuery基础-01 jQuery 1. 初识jQuery 1.1 使用JavaScript的方式去实现 1.2 使用jQuery的方式去实现 2. 什么是jQuery? 3. 使用的步骤 4. 版 ...
Bootstrap响应式Web开发笔记01——基础入门
Bootstrap响应式Web开发笔记01--基础入门 Bootstrap响应式Web开发笔记02--移动端页面布局 Bootstrap响应式Web开发笔记03--Bootstrap栅格系统 Boot ...
css-day01笔记-CSS初识、基础选择器、文字和文本样式
typora-copy-images-to: media 第01阶段.web基础:css-day01笔记-CSS初识.基础选择器.文字和文本样式一.CSS层叠样式表学习目标理解 css的目的作用 ...
电大计算机应用技术基础视频,电大形成性测评-计算机应用技术基础01
电大形成性测评-计算机应用技术基础01 (7页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 15.9 积分 01任务-在线作业试卷总分:100 ...
【重难点】【Java基础 01】一致性哈希算法、sleep() 和wait() 的区别、强软弱虚引用
[重难点][Java基础 01]一致性哈希算法.sleep() 和wait() 的区别.强软弱虚引用文章目录 [重难点][Java基础 01]一致性哈希算法.sleep() 和wait() 的区别. ...

CSS基础-01-基础认知

文章目录

前言

一、CSS初始

CSS的介绍

语法规则

二、CSS引入方式

关于自动补全代码的疑惑解决

CSS基础-01-基础认知相关推荐

最新文章

热门文章