css的优势: 内容与表现分离网页的表现统一,容易修改丰富的样式,使得页面布局更加灵活减少网页的代码量,增加网页的浏览速度,节省网络带宽运用独立于页面的CSS,有利于网页被搜索引擎收录 css语法规则:使用<style>标签引入css样式 <style type="text/css"> h1{ fo ...
分类:
Web程序 时间:
2020-06-27 11:23:46
阅读次数:
100
选择器 #id ID选择器 理论上,同一个id名可以重复出现,但是由于JavaScript,可以根据id只能获取一个元素,同一个id名在同一个html文档中只能出现一次;一个html元素只能拥有一个id名 .class 类选择器 class选择器,类选择器,可以选中class名相同的一组元素或一个元 ...
分类:
Web程序 时间:
2020-06-25 21:15:02
阅读次数:
61
ID选择器和类选择器的区别 id选择器只能网页中的一个元素使用 id》类》标签 高级 层次选择器 结构伪类选择器 属性选择器 <span>标签 作用:能让某几个文字或者某个词语凸显出来 字体样式: 属性名含义举例 font-family 设置字体类型 font-family:"隶书"; font-s ...
分类:
Web程序 时间:
2020-06-22 12:46:08
阅读次数:
102
在HTML中,通过各种各样的属性可以给元素增加很多附加的信息。例如,通过ID属性可以将不同DIV元素进行区分。CSS2中引入了一些属性选择器,这些选择器可基于元素的属性匹配元素,而CSS3在CSS2的基础上扩展了这些属性选择器,支持基于模式匹配定位元素。 属性选择器 E[attr] 选择匹配具有属性 ...
分类:
Web程序 时间:
2020-06-12 00:49:43
阅读次数:
97
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <style> /*[id='id1']{*/ /* background: #fac237;*/ /*}*/ /*区分标 ...
分类:
Web程序 时间:
2020-06-10 23:01:23
阅读次数:
261
1、属性选择器说明选取标签带有某些特殊属性的选择器常用选择符描述E[attr]选择具有attr属性的E元素E[attr="val"]选择具有attr属性且属性值等于val的E元素E[attr^="val"]选择具有attr属性且属性值以val开头的E元素E[attr$="val"]选择具有attr属性且属性值以val结尾的E元素E[att
分类:
Web程序 时间:
2020-06-10 09:17:07
阅读次数:
185
1.选择器 1.基本选择器 统配选择器 * 标签选择器 会选择到这个页面上所有的这个标签的元素 类选择器 .class名称 选择所有class属性一支的标签,跨标签 4.id选择器: #id名称 ? id必须保证全局唯一 ? 不遵循就近原则 ? 优先级: id选择器 > class选择器 > 标签选 ...
分类:
Web程序 时间:
2020-06-06 18:33:27
阅读次数:
59
一 前言 目前在做IFE的练习,初步学习到CSS内容,所以做了总结。这篇博文主要介绍了CSS的选择器相关概念。 二 选择器类型 2.1 类型概述 CSS选择器 可以被分为以下类别:S1 简单选择器 A1 元素选择器 A2 类选择器 A3 ID选择器 A4 通用选择器 S2 属性选择器 A1 简单属性 ...
分类:
Web程序 时间:
2020-06-02 13:04:19
阅读次数:
74
1、标签选择器 <div>文本内容</div> div{ color:red; } 2、class选择器 <div class="text">文本内容</div> .text{ color:red; } 3、id选择器 每个id选择器的属性值在一个页面只能用一次 <div id="text">文本内 ...
分类:
Web程序 时间:
2020-06-01 23:57:13
阅读次数:
142
什么是jQuery jQuery内部封装了原生的js代码(还额外添加了很多的功能)能够让你通过书写更少的代码 完成js操作 类似于python里面的模块 在前端模块不叫模块 叫 “类库” jQuery的优点 兼容多个浏览器的 你在使用jQuery的时候就不需要考虑浏览器兼容问题更少的代码完成更多的事 ...
分类:
Web程序 时间:
2020-05-19 20:39:23
阅读次数:
69