#猜你喜欢模块制作 ##主要知识点:结构伪类选择器和伪元素选择器&常规页面布局 ###HTML结构 <!-- 猜你喜欢模块 --> <div class="like"> <div class="hd"> <div class="left">猜你喜欢</div> <div class="right"> ...
分类:
Web程序 时间:
2021-04-27 14:55:10
阅读次数:
0
CSS是什么 层叠样式表 Css引入方式 内联样式:标签中 内部样式:文件头里面 外部样式:单独一个文件 (1)优先级:就近原则:内联>内部>外部 (2)内联和内部都有一个style,外部没有直接写样式 选择器 Id #,唯一的 Class . 元素选择器,使用元素名字 *:选中所有的标签,优先级很 ...
分类:
Web程序 时间:
2021-04-15 12:12:10
阅读次数:
0
## 伪类:伪类用于DOM树之外的消息,或是不能简单选择器进行表示的信息。前者包含那些匹配指定状态的元素,比如:visited,:active ;后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:fitst-of-type,:target ## 伪元素:伪元素为DOM树 ...
分类:
其他好文 时间:
2021-03-10 13:12:45
阅读次数:
0
类名语义化,尽量精短、明确,必须以字母开头命名,且全部字母为小写,单词之间统一使用下划线“_” 连接 类名嵌套层次尽量不超过三层 尽量避免直接使用元素选择器 属性书写顺序 布局定位属性:display / position / float / clear / visibility / overflo ...
分类:
Web程序 时间:
2021-03-08 13:22:51
阅读次数:
0
父元素 子元素 祖先元素 后代元素 兄弟元素 让div的子元素变色: div > span{ color: salmon; } 后代元素选择器:范围会更大 div span{ color: seagreen; } 兄弟元素选择器(下一个兄弟元素): p+span{ color: seagreen; ...
分类:
其他好文 时间:
2021-02-17 14:02:44
阅读次数:
0
css3选择器分类 CSS3选择器分类如下图所示 选择器的语法 1.基本选择器 类型 代码 功能描述 通配选择器 *{ margin: 0; padding: 0; border: none; } 选择文档中所有HTML元素 元素选择器 body { background: #eee; } 选择指定 ...
分类:
Web程序 时间:
2020-12-15 11:59:22
阅读次数:
3
今天是CSS的第二天,熟练掌握后代选择器、链接伪类选择器,元素的显示模式以及背景的设置! 今日框架: 今日重点: 1、复合选择器 1)后代选择器:可以选择父元素中的子元素--用空格分开 2)子元素选择器:选择某个元素最近一级的子元素(亲儿子)--使用 > 分开 3)并集选择器:集体声明 —— 选择多 ...
分类:
Web程序 时间:
2020-11-13 12:58:56
阅读次数:
16
CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同权重选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲 ...
分类:
Web程序 时间:
2020-11-12 14:12:47
阅读次数:
15
格式 选择器 { 属性名1:属性值1; 属性名2:属性值2; } 使用: 建立单独的CSS文件,在HTML中通过在Line标签使用; 选择器:用于筛选具有相似特征的元素 分类: 1 基本选择器 id选择器 选择器具体的id属性值 语法:#id 属性值{} 元素选择器 类选择器 2 扩展选择器 ...
分类:
Web程序 时间:
2020-11-02 10:05:47
阅读次数:
28
1.div 和css 同时使用才有效果 2.学习了css的基本的三种选择器:类选择器、元素选择器、属性选择器、外部引用、内部引用、和行内引用。 3.学习了css构建页面的浮动float属性; 4.学会了通过点击页面f12选择1px的border进行调整边框大小 5.成功构建了一个由css+div组成 ...
分类:
编程语言 时间:
2020-10-26 11:21:43
阅读次数:
25