美文网首页
CSS 详细相关知识!!

CSS 详细相关知识!!

作者: lxw__ | 来源:发表于2018-09-08 13:40 被阅读0次

CSS 被称为层叠样式表,那么首先我们要怎么引用呐?

【1]CSS 引用有四种方式,如下

(1)行间样式

直接在div 里使用如

<div  style ="">

(2)在head 里加style 标签

如<style ></style >

(3)外联式

<link  rel ="”hre f=“” >

(4)导入样式表

import “”;

【2]下面介绍一下CSS 里几种选择器

(1)id 选择器

引用

给标签加id =“”

#id {

(2)标签选择器

标签名{}

(3)类选择器

加属性class =“bo x ”

.box {}

(4)属性选择器

其中一种

【]{

【属性名=属性值】{

(5)父子级选择器

父级 子级{

}这样就可以直接定位到父级下面的子级了

(6)并列选择器

选择器1选择器2{

}这样就可以设置同样的样式了

(7)分组选择器

选择器1,选择器2{

(8)通配符选择器

*{

}一般用于项目开始初始化

下面再介绍一下选择器的优先级

(1)如果是相同选择器,代码最下面的选择器的优先级更好

(2)通配符<标签选择器<类选择器<id 选择器<行间样式<important

好了,关于CSS 就写到这里了

小礼物走一走,来简书关注我

赞赏支持

相关推荐

关于CSS

阅读 49

HTML+CSS(47-72)

阅读 3012

h5常见的面试题

阅读 506

展开查看更多

相关文章

  • CSS 详细相关知识!!

    CSS 被称为层叠样式表,那么首先我们要怎么引用呐? 【1]CSS 引用有四种方式,如下 (1)行间样式 直接在d...

  • CSS相关知识

    CSS是什么 css 全称Cascading Style Sheets, 层叠样式表,用来为结构化文档(如 HTM...

  • html和CSS基础课程(7-1 7-2 7-3 7-4)

    7章 CSS样式基本知识 这一章节主要讲解与CSS样式相关的基础知识:CSS样式的位置及相关的优先级,为后面的CS...

  • 前端入门——CSS3 基础记录

    HTML 基础知识已经过了一遍了,按照顺序,开始看 CSS 相关知识。众所周知,现在 CSS 最新标准是 CSS3...

  • css布局

    最近在学习css相关的知识,本文主要总结一些css布局相关的知识。 一、左右布局和左中右布局 左右布局和左中右布局...

  • WEB学习笔记-CSS查漏补缺(一)

    1.介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的? 相关知识点: 回答: 详细的资料可...

  • HTML之CSS——初识CSS

    更多关于CSS的相关知识可以访问如下网站:https://www.w3school.com.cn/css/css_...

  • CSS基础

    介绍css相关知识 和 非布局属性。 css:Cascading Style Sheet 层叠样式表,简而言之 就...

  • 你不知道的 XMLHttpRequest

    本文详细介绍了 XMLHttpRequest 相关知识,涉及内容: AJAX、XMLHTTP、XMLHttpReq...

  • HTML-CSS布局-4

    HTML-CSS布局相关元素小心得 在这里分享给大家一些HTML-CSS的相关知识,供新人学习,老人查阅,共勉。-...

网友评论

      本文标题:CSS 详细相关知识!!

      本文链接:https://www.haomeiwen.com/subject/xbwkgftx.html