CSS引入方式，高级选择器

css引入方式：
  1、内部样式
      style标记
      在head标记中
     应用范围：当前整个页面中应用
  2、行内样式  
    style属性
      <p  style="color:black; font-size:24px">行内样式</p>
    应用范围：指定的标签内应用，优先级高于内部样式
     不太推荐用这种方式
  3、外部样式
      声明：.css样式文件
      引入：
         链接方式：<link href="css文件" rel="stylesheet" type="text/css"/>          
        
      应用：多个页面中共享
     优先级：
     行间>内部>外部
     注：在有相同的样式时，才考虑优先
css高级选择器：
   1.后代选择器：
       应用在具有嵌套关系的元素上
      选择器1 选择器2  ，各个选择器之间用"空格"隔开
   2. 交集选择器：
       选择器1选择器2，各个选择器直接链接在一起
       进一步缩小选择范围
      .clCSS 类选择器，应用在任何标记上
       p .clCSS  后代选择器，应用在p标记上的子标记中  
       p.clCSS  交集选择器，应用在p标记上具有class=“clCSS”

#p1 .cls :选择id属性为“p1”的标记，再在该标记中选择class
      为“cls”的子标记
    3.并集选择器：
      选择器1，选择器2，选择器3{}；       
       应用：为不同选择器设置相同的样式
      注：其中的选择器是之前学的的任意选择器
继承特性：
     具有嵌套关系的标记，外层标记叫父标记，内层标记叫子标记
     子标记可以继承标记的样式，反过来是不成立的

时间： 2024-12-25 07:03:47

CSS引入方式，高级选择器的相关文章

前端css -- 引入方式和选择器

引入css方式(重点掌握) 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超文本标记语言.从语义的角度描述页面结构. CSS:层叠样式表.从审美的角度负责页面样式. JS:JavaScript .从交互的角度描述页面行为 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. css的最新版本

前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器

前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器 一丶CSS简介 ???叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化 ????特点: ??????1.丰富的样式定义 ,易于使用和修改,多页面应用,页面压缩,层叠 ??????2.使数据和

前端之CSS的属性引入方式、选择器、选择器优先级

目录 1011 前端之CSS的属性引入方式.选择器.选择器优先级 一.CSS介绍 二.CSS语法 2.1CSS实例 2.2 CSS注释 三.css属性的引入方式 3.1 行内样式 3.2 内部样式 3.3 外部样式 四.CSS选择器 4.1 元素(标签)选择器 4.2 id选择器 4.3 类选择器 4.4 通用选择器 4.5 后代选择器 4.6 儿子选择器 4.7 毗邻选择器 4.8 兄弟选择器 4.9 属性选择器 4.10 分组和嵌套选择器 4.11 伪类选择器 4.12 伪类元素选择器 五.

前端——CSS的引入方式、选择器

前端--CSS的引入方式.选择器 什么是CSS? 层叠样式表(就是用来调节标签的样式) CSS注释 /*单行注释*/ /*多行注释1 多行注释2 多行注释3 */ 注释的使用 css应该是一个独立的文件 /*页面通用样式*/ /*顶部导航栏样式*/ /*侧边菜单栏样式*/ -- css语法结构 选择器 {属性名1:属性值1;属性名2:属性值2;属性名3:属性值3;--} css三种引入方式 外部css文件(最正规的书写方式) /*mycss*/ /*这是一个非常牛逼的页面的css样式文件*/ /

项目复习期总结3：CSS引入方式，注释，命名规范，背景，行高，文本属性

目录: 1.CSS注释的书写 怎么写?好处? 2.CSS引入方式  各种的优缺点 3.选择器的写法与选择器的优先级 4.CSS命名规范 5.背景,行高 6.文本(text与font开头)等所有属性 ① CSS注释书写规范: 1.单行注释:    直接写在属性值的后面,如: ① .search{ border:1pxsolid#fff;/*定义搜索输入框边框*/ background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/ } ② .wr

项目复习期总结3：CSS引入方式，凝视，命名规范，背景，行高，文本属性

文件夹: 1.CSS凝视的书写 怎么写?优点? 2.CSS引入方式  各种的优缺点 3.选择器的写法与选择器的优先级 4.CSS命名规范 5.背景,行高 6.文本(text与font开头)等全部属性 ① CSS凝视书写规范: 1.单行凝视:    直接写在属性值的后面.如: ① .search{ border:1pxsolid#fff;/*定义搜索输入框边框*/ background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/ } ② .w

CSS引入方式的区别详解

在web前端开发中,CSS是一种用来表现HTML或XML等文件样式的语言.很多处于web前端初学阶段的朋友,很多人都不知道CSS引入方式存在三种方法,css引入方式分别为标签内联书写.页面头部书写.外部引入,那么这三者有何区别?本文给大家讲解了从不同的角度分析他们的优势与劣势. 1.外部引入: 在HTML的head部分<link rel="stylesheet" type="text/css" href="css文件路径">,引入外部

css引入方式

1.<style>          body{}    </style> 2.写在一个单独的文件里面保存即新建一个文件:xx.css; 注明该文件的位置<link rel="stylesheet" href="./Untitled-2.css"/> 3.直接在html标签里面写入对这个标签的css控制如:<div style="color:green;">css引入方式 </div>

浅谈CSS，引入方式，选择器

全称Cascading Style sheets ,中文名称:层叠样式表/级联样式表.CSS就是给我们的HTML网页加样式的东西,它可以让我们的html网页变得更加绚丽多彩,它有三种引入方式. 第一种内嵌式:直接写在我们的html标签里面的,如:  <div style="属性:属性值;"> </div>        这就是内嵌也叫嵌入. 第二种内联写法:在我们的html网页里面的head里面添加一个style标记,然后在里面写,如: <head>