Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版） 课件 5.1.3知识点2CSS基本选择器_第1页
Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版） 课件 5.1.3知识点2CSS基本选择器_第2页
Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版） 课件 5.1.3知识点2CSS基本选择器_第3页
Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版） 课件 5.1.3知识点2CSS基本选择器_第4页
Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版） 课件 5.1.3知识点2CSS基本选择器_第5页
已阅读5页，还剩8页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

CSS基本选择器信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》前端技术开发知识储备选择器的概念1标记选择器2类选择器3ID选择器401选择器的概念前端技术开发选择器的概念前端技术开发01CSS选择器是用于在HTML文档中实现一对一、一对多或多对一的控制，它决定了哪些元素将应用CSS样式。选择器可以根据元素的标签名、类名、ID、属性、层级关系等条件进行选择。语法选择器

{

属性1:值1;属性2:值2；

}每一条css样式定义由两部分组成，写在<style></style>中，形式如下：h2{background-color:red;}p{font-size:30px;backgroud-color:gray;}02标记选择器前端技术开发标记选择器前端技术开发02CSS选择器具有多种不同类型，从大类上分主要有“基本”选择器和“复合”选择器。CSS基本选择器有标记选择器、类选择器和ID选择器三种。调试CSS代码，鼠标右键打开浏览器的“开发者工具”<spanid="local">当前位置：</span><span>首页>2023年文化和自然遗产日•江苏>文章详情</span><h1>2023年“文化和自然遗产日”非遗宣传展示活动启动</h1><h3>发布时间：2023-06-09

来源：“文旅之声”微信公众号</h3>标记选择器标记选择器：span，h1，h3ID选择器ID选择器：#local标记选择器前端技术开发02直接使用HTML标记名称作为选择器。对同一种HTML元素应用样式。【实例】标记选择器标记选择器03类选择器前端技术开发类选择器前端技术开发03设置标记中的class属性定义类别，将网页元素进行分类，将某特定CSS样式作用于这一类元素。类选择器的书写方式是在自定义类名称的前面加一个句点“.”，即class属性值前面加句点“.”。【实例】类选择器类选择器04ID选择器前端技术开发ID选择器前端技术开发04在HTML文档中，需要唯一标识一个元素时，赋予它一个id标识，用来对这个元素定义单独的样式。先在元素中定义id属性，后使用“#id属性值”来定义CSS样式。HTML代码1<h1>我是一个1级标题<h1>2<h3>我是一个3级标题<h3>3<pid="pid">我是段落</p>4<p>我是段落</p>CSS代码1#pid{2color:red;3font-size:24px;4}ID选择器【实例】ID选择器小结前端技术开发05(1)正确书写CSS代码

(2)学会使用三种基本选择器标记选择器p{font-size:30px;}类选择器.important{color:red;}ID选择器

#box1{color：red；}selector{property:value;property:v

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论