css代码引入方式与基本选择器

引子

css功能：对html元素进行渲染布局

1.查找标签元素

2.操作标签（加对应的css属性）

由两个主要的部分构成：选择器，以及多条声明

====================================

css代码引入方式

一、行内式（不涉及查找，跟html绑定，难维护）

<p style="color: red;font-size: 24px">hello world</p>

二、嵌入式：head标签内嵌style标签

　　选择器

　　　　标签选择器

　　　　id选择器优先级最高 #

　　　　类选择器 .

　　　　通用选择器 *

　　选择器优先级　

　　组合选择器　

三、文件链接式（项目选用）

head标签中添加link标签链接独立的css文件

时间： 2024-10-20 09:32:12

css代码引入方式与基本选择器的相关文章

CSS的引入方式及选择器

CSS的引入方式第一种:在head中 <style></style> 嵌入式第二种:在head中 <link href="index.css" rel="stylesheet"> 链接式 (先加载css,再加载html)推荐第三种:在head中 <style>@import "index.css";</style>> 导入式(先加载html,再加载css)第四种:直接在html标签

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

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

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

编写css代码的方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- html 在一个网页中负责的事情是一个页面的结构 c

编写css代码的方式：

编写css代码的方式: 第一种: 在style标签中编写css代码. 只能用于本页面中,复用性不强. 格式 : <style type="text\css"> 编写css的代码. </style> 例子: <style type="text\css"> a{ color:#F00; text-decoration:none; } </style>

css代码中的加号(+)相邻选择器的作用

css代码中的加号(+)相邻选择器的作用:本章节介绍一下css中相邻选择器的作用,此选择器用加号(+)表示.此选择器能够匹配前面的选择器紧邻的兄弟元素.代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &l

前端css的引入方式

!!!前端css的引入方式# 1.css介绍# 现在互联网分为三层:# html:超文本标记语言,从语义的角度描述页面结构.# CSS:层叠样式表,从审美的角度负责页面样式# JavaScript:从交互的角度描述页面行为## css: cascading style sheet, 层叠样式表,CSS作用是给HTML添加各种样式,简单一句话# CSs就是将网页内容和显示样式进行分离,提高显示功能## CSS优点# 使数据和显示分开,# 降低网络流量# 使整个网站视觉效果一致# 是开发效率提高(一

CSS引入方式，高级选择器

css引入方式: 1.内部样式 style标记在head标记中应用范围:当前整个页面中应用 2.行内样式 style属性 <p style="color:black; font-size:24px">行内样式</p> 应用范围:指定的标签内应用,优先级高于内部样式不太推荐用这种方式 3.外部样式声明:.css样式文件引入: 链接方式:<li

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

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