css是指层叠样式表,基础语法为选择器和一条或多条声明。 层叠样式表有三种引用方式,分别是内联样式表(在元素标签后面通过style来增加样式),内部样式表(通过style标签添加样式)和外联样式表(通过创建和引入css样式文档来添加样式)最常用 css的指示器有元素选择器(把页面内所有的元素标签选中 ...
分类:
Web程序 时间:
2020-04-14 18:54:02
阅读次数:
85
CSS 组合选择符 CSS 组合选择符 在 CSS3 中包含了四种组合方式:CSS组合选择符包括各种简单选择符的组合方式。 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器 后代选择器用于选取某元素的后代元素。 以下实例 ...
分类:
Web程序 时间:
2020-04-08 09:43:08
阅读次数:
92
结构 样式 行为分离 模板只包含html文件,模板的书写顺序相应的命名规则 html:语义化css:类名以功能或内容命名 样式复用 最好少于三级 在没有必要的情况下避免元素选择器叠加 Class、ID 使用 属行的书写顺序 性能 js:避免重复查找dom 三元操作符电梯if条件语句 二元布尔操作符 ...
分类:
其他好文 时间:
2020-04-07 21:00:10
阅读次数:
75
这节课学了复合选择器,显示模式,CSS背景,以及CSS的三大特性。 复合选择器 后代选择器:就是要选择某元素的“子孙后代”,用空格隔开 子元素选择器:就是选择某元素的“亲儿子”,用“>”隔开 交集选择器:是“即是。。。又是。。。”的关系,用“.”隔开 并集选择器:就是标签之间具有相同的样式,用“,” ...
分类:
Web程序 时间:
2020-03-30 00:00:40
阅读次数:
112
xpath方法 绝对路径表示法: 从根节点(html)开始,路径分割符是/(斜杠,类似于linux中路径分割符) 如:/html/body/div/span 表示对应路径下的span元素 相对路径表示法: 以//开头后面加元素名称, 用法类似于css中的后代选择器,可以把//对应css中空格 如:/ ...
分类:
其他好文 时间:
2020-03-26 19:11:29
阅读次数:
78
1. 层次选择器 子元素选择器: 只选择子元素 父选择器 > 子选择器 后面紧相邻的兄弟元素: 选择器1 + 选择器2 后面所有的兄弟元素: 选择器1 ~ 选择器2 2.属性选择器 [属性名] 选择具有指定属性名的元素 [属性名] 选择具有指定属性名并且属性值为指定 [属性名=属性值] 选择具有指定 ...
分类:
Web程序 时间:
2020-03-22 15:55:53
阅读次数:
92
1、渐进增强:(从小到大) 先保证最基本的功能 ~> 用户体验的提升 优雅降级:(从大到小) 先针对版本较高的设备进行项目构建,保证用户体验的完美 ~>牺牲一些效果,保证最基本的功能2、选择器(选择符): id class 类型(div span...) 后代选择器 伪类选择器 伪元素选择器...( ...
分类:
Web程序 时间:
2020-03-21 12:49:34
阅读次数:
97
基本选择器 通配符选择器:var all = $('*'); //根据 $('*') 获取。 元素选择器:var ele = $('div'); //根据 $('元素名') 获取。如果给好几个元素绑定点击事件,$(this).index()可以确认点击的是第几个元素。 类选择器:var cla = ...
分类:
Web程序 时间:
2020-03-14 12:49:46
阅读次数:
70
1 css语法 2 css导入样式 3 css选择器 3 1 基本选择器 3 2 组合选择器 3 3 分组和嵌套 3 4 属性选择器 3 5 伪类选择器 3 6 伪元素选择器 4 CSS选择器的优先级 5 css属性 5 1 文字相关的属性 5 2 宽度和高度 5 3 背景background 5 ...
分类:
Web程序 时间:
2020-03-14 01:21:57
阅读次数:
69
HTML:用于显示页面的内容 CSS:用于以什么样的形式(样式)去显示 一、 选择器 【1】 标签/元素选择器 (整个页面的所有的相同的标签都显示统一的样式) h1{ font-size: 20px; 字体大小 color: red; 字体颜色 font-family: "楷体"; 字体样式 } 【 ...
分类:
Web程序 时间:
2020-03-13 14:35:35
阅读次数:
82