IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> CSS学习笔记(1) -> 正文阅读

[JavaScript知识库]CSS学习笔记(1)

引言:

本文是在学习了HTML的基本结构和内容后阅读CSS权威指南结合所学所见记录的一篇学习笔记,主要解决了以下问题:

1.关于CSS层叠样式的理解

2.网页中基本元素的分类

css是什么?

?

css是指层叠样式表,是一个强大的工具,能影响一个或者一组web文档的表示.


如果第一次听到这些概念,会不会有以下的情况?

?

样式是某种客观存在的事物的修饰,如黑色的花,黑色就是样式?

样式是事物的外在表现,黑色的花,黑色就是花的外在表现

在一个网站中,网页被称为一个web文档,一在最初的web文档中,只有标题段落和预排文本文档这些单一的内容,没有丰富的色彩动画,而层叠样式表的出现就解决了这样的问题,给了网页更多的色彩和生机.

层叠样式表可以分为两个部分简单的理解:层叠,样式表.

样式表是样式的集合,类似一本字典,不认识的字都可以在表中查询

层叠体现的是样式的优先级,是指某种样式被浏览器优先识别或者是样式在某种情况下是优先表现的.

现在层叠样式表就可以这样理解:具有层叠特性的样式的集合

前面说过样式是某种事物的修饰或者是某种事物的外在表现,那CSS修饰的对象是谁呢?

二.元素及其分类

Css修饰的对象是HTML标签,也称为元素.

1.按照css存在的形式可以分为置换元素非置换元素

置换元素是指元素内容部分不由文档内容表示的元素

img就是一个典型的置换元素,看看下面这个例子:

<a href="#">这是一个超链接<a>
<img src ="#">  

????????1.浏览器在处理置换元素时是直接读取属性,而不读取其包裹的文档内容,鉴于此,置换元素往往不是双标签.

????????2.置换元素能够脱离css标准外有其默认的设置,但是css能够控制置换元素的样式.

2.按照css的规范中的显示方式可以分为块级元素行内元素

块级元素和行内元素主要的区别是:

????????1.块级元素可以设置宽高而行内元素不能,二者可以通过显示的display转换

????????2.块级元素是单独占一行的,一行只允许一个块级元素.

????????3.块级元素是可以包含行内元素的,行内元素不可以包含块级元素

3html的角度分类:容器级标签和文本标签.?

文本级标签是只能够盛放文本和文本修饰标签标签 一般为双标签

解释一下:文本修饰标签是指那些<i> <strong>这样用于修饰文本的标签?

容器级标签是指能盛放包括容器级标签的标签

?简单来说就是所有标签都能放在容器级标签中

注意:

1.p标签是块级元素但不是容器级标签

2.双标签必须正确的嵌套

一个双标签中包含另一个标签的情况就是嵌套 不能出现下面这种情况

<div><h2>内容</div></h2>

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-01-29 22:59:45  更:2022-01-29 23:02:15 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 14:09:04-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码