什么是CSS: 层叠样式表 就是用来调节标签的样式 CSS注释: CSS语法结构: ? 选择器 {属性名:属性值;属性名1:属性值1;属性名2:属性值;} CSS三种引用方式 ? 1.外部css文件(最正规的书写方式) ? 2.head内style标签内部直接书写css代码(为了教学方便可以使用这种 ...
分类:
Web程序 时间:
2019-12-26 21:43:08
阅读次数:
130
基础案例 01 轮播图进度条 训练描述 完成鼠标经过即可 训练提示 1. 添加背景图片,设置初始化样式 2. 利用盒子,定位盒子的位置,设置li的宽和高 3. 设置span的小高度,设置span的伪元素跟span一样大小,并且左下角对齐,宽度默认为0 4. 当鼠标经过则给伪元素宽度 操作步骤 1. ...
分类:
Web程序 时间:
2019-12-26 09:44:31
阅读次数:
110
今天学了啥? winter的一篇专栏文章《伪元素是怎么回事儿?》 一、选择器优先级,其实我更喜欢最近 看的张鑫旭的《CSS选择器世界》里的优先级排序规则,虽然都是大同小异: 0级: 通配选择器、选择符(+、>、~、空格等)、逻辑组合伪类(:not()、:is()、:where等); 一级:标签选择器 ...
分类:
其他好文 时间:
2019-12-22 00:37:40
阅读次数:
88
题目概览 html5中的form怎么关闭自动完成? :before和:after中单冒号和双冒号的区别是什么,这两个伪元素有什么作用? javascript的作用域的理解 http都有哪些状态码? 题目解答 html5中的form怎么关闭自动完成? 概念:HTML5 中有个新属性autocomple ...
分类:
其他好文 时间:
2019-12-21 09:47:27
阅读次数:
119
下面整理出几种简便方式实现click伪元素时进行事件处理,附上例子代码。HTML结构首先HTML结构是这样的<section><span>按钮文字</span></section>实现方法第一种通过CSS3的pointer-events特性来实现。CSS代码<style>*{margin:0;padding:0;}section{bord
分类:
Web程序 时间:
2019-12-16 22:33:17
阅读次数:
125
003CSS3视频教程 网盘地址: 链接:https://pan.baidu.com/s/1InpHPtd7c pw8E2Ddx9rZw 提取码:jgqh 加公众号 获取更多新教程 教程目录大纲 ./003CSS3 ├── css3 1 │ ├── 01._css3_导学.wmv │ ├── 02. ...
分类:
Web程序 时间:
2019-12-14 13:39:06
阅读次数:
106
1、插入图片和背景图片<img src=""/> 更改大小用width,height;更改位置:margin,padding<div style="background-image:url('')"></div> 更改大小:background-size;更改位置:background-positi ...
分类:
Web程序 时间:
2019-12-13 13:34:41
阅读次数:
147
:——是指的伪类 ::——是指的伪元素 1.字面意思: 伪类,1.css中有类选择器,某些元素并未定义类名,就可以通过伪类赋予样式,如:【:nth-child(n)】;2.伪类可以应用于元素执行某种状态,如:【:hover】鼠标经过元素时 伪元素,创建一个新元素应用于文档,但是并不存在于文档中。 常 ...
分类:
Web程序 时间:
2019-12-10 22:36:48
阅读次数:
301
可不可以给伪元素再添加伪元素呢? #example:after:after{ content: "after"; } 在浏览器中刷新,测试一下会发现什么也没有显示,也就是说再给伪元素添加伪元素目前很多浏览器上是无效的,浏览器忽略掉该定义,只能识别一层伪元素,但是既然可以伪元素添加伪元素,可以期待再为 ...
分类:
其他好文 时间:
2019-12-09 01:18:11
阅读次数:
140
一、伪元素的应用 1. 清除浮动 父元素中有子元素,并且父元素没有设置高度,子元素在父元素中浮动,结果必然是父元素的高度为 0,这也就导致了父元素高度塌陷,我们就需要清除浮动。 给浮动元素的容器添加一个 clearfix 的 class,然后给这个 class 添加一个 :after 伪元素实现元素 ...
分类:
其他好文 时间:
2019-12-02 00:34:49
阅读次数:
92