CSS基本知识1-CSS基本概念

CSS基本概念：

选择器｛属性：值;属性：值｝

CSS继承：子元素继承父元素样式，父子关系看DOM结构。

CSS覆盖：

浏览器缺省设置
外部样式表
内部样式表（位于 <head> 标签内部）
内联样式（在 HTML 元素内部）

CSS优先：

A：文本从上到下，后声明的样式优先于前面出现的同一样式例：.a{background：black;}.b{background：yellow; }<div class=” b a″>dd</div>结果：所有浏览器均yellow色，注意：与class=”” 引号内的顺序无关，只看.def1和.def2在声明时的顺序，.def2后声明，所以权重高

B：id声明 > class声明 > 标签声明(即HTML固有标签，例如 div)

C: ‘!important’ 相当于无限重量

IE6不支持!important，可以使用它对IE6做Hack

通过以上我们可以观察到，CSS更象是一个可视化的面向对象编程，拥有类定义，选择，继承，覆盖，优先级别，可以说CSS是一种声明式的，更好的面向对象编程。

转载于:https://www.cnblogs.com/DSharp/p/3664543.html

CSS基本知识1-CSS基本概念相关推荐

CSS基础知识(一) CSS入门
文章目录一.CSS使用场景二.CSS简介三.CSS规则四.CSS代码风格 1.样式格式书写 2.样式大小写 3.空格规范一.CSS使用场景美化网页,布局页面二.CSS简介 CSS是层叠样 ...
CSS基础知识介绍——CSS排版
1. 设计上中下版式的样式 <!DOCTYPE html> <html> <head><title>CSS</title><style ...
【持续..】WEB前端面试知识梳理 - CSS部分
传送门: WEB前端面试知识梳理 - CSS部分 WEB前端面试知识梳理 - JS部分最近在看大厂的一些面试题,发现很多问题都是平时没有在意的,很多知识都是知道一点但又很模糊说不出个所以然来,反思自 ...
史上最全的CSS基础知识大全！
文章目录 CSS的发展历程 CSS 网页的美容师 CSS初识 CSS样式规则 CSS字体样式属性 font-size:字号大小 font-family:字体 font-weight:字体粗细 font ...
前端基础知识总结---CSS篇
本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记,如果出现错误,希望大家指出! 目录 1.介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的? 2.CSS 选 ...
【前端基础】12.CSS 基础知识学习——基本语法结构
视频目录一,css基本规则规范 1.快捷方式 2.css注释 3.css命名规范 4.css书写规范 (1)空格规范 (2)选择器规范 (3)属性规范 5.css样式规则二,字体样式 1.fon ...
HTML、css基础知识
typora-copy-images-to: media 第01阶段.前端基础.CSS初识 CSS层叠样式表学习目标理解 css的目的作用 css的三种引入方式应用 css三种引用方式的书写通 ...
前端面试题（理论知识+HTML+CSS+JavaScript）
之前我也收集整理分享了一些前端面试题目的文章,有的附了答案,有的没有附答案:虽然我们不是为了做题而做题目,也不是只为了在面试中过关,我们做题目的,首先,是看我们对基础知识的掌握程度:其次,也是对重要知 ...
牛笔了！字节跳动大佬整理：CSS 核心知识（万字长文，值得收藏！）
本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开.虽然行文偏长,但较基础,适合初级中级前端阅读,阅读的时候请适当跳过已经掌握的部分. 这篇文章断断续续写了比较久,也参考了许多优秀的文章,但 ...
html css xml,XML HTML CSS理论知识复习
1:XML理论知识 1.1 : 什么是xml? . 首先我们了解它的全称:Extensible Markup Language 直译过来就是它, 可扩展标记语言. . XML 可扩展标记语言的 ...

CSS基本知识1-CSS基本概念

CSS基本知识1-CSS基本概念相关推荐

最新文章

热门文章