ASCII码 ASCII码

当前位置:首页 > 技术文档

class方式引入字体图标,以及自定义样式 ,实例演示媒体查询(PC优先模式)

发布于:2022-07-11

1.实例演示使用class方式引入字体图标,以及自定义样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content

CSS中引入字体图标以及实例演示媒体查询

发布于:2022-07-11

用CSS方式插入字体图标并自定义样式<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

引入字体图标和自定义样式与媒体查询

发布于:2022-07-11

1.引入字体图标1.下载字体图标库2.放入文件夹内3.<link rel="stylesheet" href="******" />导入字体图标样式4.<button class="iconfont icon-***"></button> 来引用字体图

字体单位尺寸、可视窗口大小、表格常用样式、移动端自适应、PC端自适用

发布于:2022-07-11

字体大小<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con

字体图标与媒体查询

发布于:2022-07-11

一、CSS布局常用单位1. 绝对单位px像素in英寸

1in等于96px

2.相对单位2.1 % 相对父级的百分比2.2 em和rem1em默认是16pxem受父类影响,rem受根元素也就是HTML的影响。

一般

媒体查询和字体图标使用

发布于:2022-07-11

一、媒体查询,屏幕适应语法@media screen and (max-width: 600px) { },其中 screen and可以省略不写,像这样@media (max-width: 600px) { }

注意所以我们用min-width时,小的放

伪类选择器+盒子模型属性

发布于:2022-07-11

伪类选择器
效果图如下:



代码如下:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <

引入字体图标和自定义样式与媒体查询

发布于:2022-07-11

引入字体库样式
html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v

CSS样式引入字体图标实例演示和媒体查询实例演示

发布于:2022-07-11

引入字体图标html代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v

html基础:css自定义样式的来源及选择器优先级权重的分析

发布于:2022-07-11

CSS自定义的样式及来源CSS自定义样式的来源CSS自定义来源分为三种1.内联样式。使用style=""实例
<h1 style="color: rgb(255, 60, 0); text-align: center; font-size: 100p

HTML标签与属性

发布于:2022-07-11

用户注册<div class="text"> <h2>用户注册表</h2> <form action="zc.php" method="post"> <div> <label for="user">用户名:</labe

CSS伪类,状态伪类和结构性伪类

发布于:2022-07-11

/ 状态伪类:当选择得目标对象状态发生改变后,进行什么样的样式设置 /
.list > li.first{ color: blueviolet; } .list > li:nth-of-type(1){ color

CSS盒子模型

发布于:2022-07-11

.box{ width: 200px; height: 200px; border: 5px solid #232323; background-color: aqua; /* 裁切 */

2022年0707结构伪类与状态伪类与盒模型常用属性

发布于:2022-07-11

1. 实例演示伪类选择器: 结构伪类与状态伪类a、图片演示效果
b、伪类选择器html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equi

CSS样式优先级和权重和常用选择器代码演示

发布于:2022-07-11

1.css样式来源和优先级别1.1浏览器默认样式,也叫用户代理样式表
1.2继承样式
2自定义样式2.1内联样式
2.2文档样式给当前html代码添加style标签,仅适用于当前html文件。
2.3外

伪类的分类详解与盒模型

发布于:2022-07-11

伪类的分类详解与盒模型伪类的分类1. 结构伪类 1.1 nth-of-type():正向读取选择 1.2 nth-last-of-type():反向读取选择 1.3 first-of-type:第一个 1.4 last-of-type:最后一

HTML常用标签属性以及应用场景/怎么用表格做一个课程表

发布于:2022-07-11

HTML元素属性/应用场景
元素属性有四种分别是通用属性、预置属性、事件属性、自定义属性

1.通用属性
通用属性有三个分别是id、class、style 通用属性是基本所有元素都可以

您的位置:首页 → 脚本专栏 → Golang → GoFrame glist自定义遍历 请输入关键词 GoFrame glist 基础使用和自定义遍历

发布于:2022-07-11

这篇文章主要为大家介绍了GoFrame glist的基础使用和自定义遍历示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
目录基础概念基本使用打印

跟着大牛学PHP--CSS样式和选择器

发布于:2022-07-08

一.CSS样式表和选择器1.插入样式表的方法
外部样式内部样式内联样式
外部样式表
通过使用<link>标签调用外部样式表,一般加在HTML文档头部(head).
<link rel="stylesheet" href

css基础:链接形式及选择器的用法

发布于:2022-07-08

一、链接形式1、行内样式写法:在网页元素上通过style=””属性
<div style="color: pink; margin-top: 10px;border: 1px solid blue">行内样式</div>2、内部样式表写法:在网

样式分类与选择器详解

发布于:2022-07-08

样式分类与选择器详解样式分类1.内联样式1.1 默认样式:用户代理样式,是浏览器为每个元素预置的样式1.2 继承样式:颜色,字体等样式,可由父级进行设置,子级直接继承1.3 自定义样式:就

css伪类与盒模型对比写法

发布于:2022-07-08

css伪类html代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewp

css伪类选择器

发布于:2022-07-08

css伪类选择器结构伪类<body> <div> <ul> <li> <p>我是1</p> </li> <li> <p>我是2</p>

伪类选择器和盒模型常见属性

发布于:2022-07-08

伪类选择器常用伪类选择器我们简单分为三种
结构伪类
:nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。参数是元素的索引。索引从1开始n可以是一个数字,一个关键字,或

伪类和伪元素和盒模型

发布于:2022-07-08

请移步至:https://blog.ours1984.top/posts/pseudo/ 可演示动态效果,欢迎大家访问

伪类和伪元素用于选中html源代码中没有写calss和tag的一些目标,使得css掌握了极大的灵