零基础学前端之CSS文本与字体综合案例
我们来先来分析一下这个案例。标题容器左对齐,有固定的宽高。标题文字白色,水平垂直居中。正文共四个段落,每个段落都有固定的宽度,右侧边界对齐。前三个段落首行空两个字。每个段落里都有一段高亮的文本,有颜色和下划线修饰,也有文本斜体和加粗效果。段落中的一些文字还有颜色、加粗、下划线以及倾斜等修饰效果。第四个段落起始有个吉他图标,英文字体有外发光效果。下面我们来制作这个网页。创建 007-css-case
零基础学前端之CSS选择器的权重
在前面,我们学习了样式表引入的优先级判断。如果多个选择器都来修饰同一个元素,优先级又该如何判断呢?我们来看一个例子。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &
零基础学前端之CSS边框
我们学习如何应用CSS给元素添加边框。 CSS边框属性,允许我们指定一个元素边框的样式、宽度和颜色。
零基础学前端之CSS列表
在 HTML 中,最常用的两种列表的类型就是无序列表和有序列表,使用 ol 和 ul 元素实现。列表项通过列表元素属性,实现空心实心圆点和数字字母等不同的形式。
零基础学前端之CSS背景
假设这里有个 div 容器,宽 400,高 300,默认情况下,这个 div 是没有背景的,或者说它的背景是透明的,我们拿一张图片实验一下就能看得出来,这个 div 在默认情况下,背景是透明的。也可以给 div 加一个背景颜色。既然可以设置背景颜色,那么当然也可以给这个 div 设计一个背景图片,就像这样。但是由于这个 div 已经被我设定了大小,图片呢,是大于这个容器的,所以实际上,我
零基础学前端之CSS精灵图
如何在页面中插入这些小图片呢?你的思维惯性,一定是应用 img 或者 background-image 来实现。大家思考一下,如果页面中只有几个简单的图片素材,我们可以采用 img 元素来引入图片,可是当网站图片过多的时候,一张图片一张图片的引入,就显得不方便了
零基础学前端之CSS轮廓
在表单的学习中,细心的同学发现了,当前密码框控件获得焦点时,浏览器默认会给它一个蓝色的轮廓,提高用户输入信息的体验。
零基础学前端之CSS边距
CSS边距属性用来在元素周围创造空间,也就是控制元素边框外的距离。可以通过 margin-top,margin-right,margin-bottom,margin-left等属性设置元素的上边、右边、下边和左边的外边距。
零基础学前端之CSS填充和宽高
CSS 填充属性用于在一个元素的内容周围产生空间,也就是边框内到内容外之间的距离。可以通过 padding-top,padding-right,padding-bottom,padding-left 等属性设置元素的上边、右边、下边和左边的内填充。
零基础学前端之CSS盒模型
在网站布局中,我们会使用各种各样的元素,这些元素本质上就是一个个小的容器,也称之为盒子,盒子里面可以放置文本,图片,或者其他元素。
数据库方式实现方案?有什么缺陷?
MySQL为例我们将分布式系统中数据库的同一个业务表的自增ID设计成不-样的起始值,然后设置固定的步长,步长的值即为分库的数量或分表的数量。以MySQL举例,利用给字段设置auto_ _increment _increment和auto_ _increment _ffset来保证ID自增。auto_ increment_ offset: 表示自增长字段从那个数开始,他的取值范围是1 .. 6553
Vue的一些相关面试题
一、Vue创建项目的指令是什么1.使用的官方cli脚手架,如果是低于3.0的版本,使用npm init2. cli的版本大于3.0的使用vue create3.可以使用vite直接搭建项目,命令为npm init vite@latest,根据提示,一步一步操作就好 参考链接Getting Started | Vite Vue CLI二、VUE组件如何与iframe通信问题像这种问题其实问的不是特别
前端面试题-display篇
display:inline-block是让元素在一行显示, 但是这些元素在html里面是上下行排列的,所以中间有换行符,于是并排显示就有了换行符带来的空隙。
web前端三大主流框架对比分析
web前端开发框架是在前端工程师中经常会用到的内容,可以大大减少项目中的bug,节约开发成本,加快项目周期。在使用web前端开发框架之前,需要先了解web前端三三大主流框架有哪些。目前web前端三大框架Angular、React、Vue, 这三种框架各有优势,下面将对web前端三大主流框架对比、分析。
Java的标识符与编码规范
一、Java标识符1. 代码回顾在认识什么是Java里的标识符之前,咱们还是先把上节课中的那段代码拿过来复习一下,如下:public class HelloWorld { public static void main(String[] args){ &
高级软件测试工程师,需要掌握哪些技能
作为一个测试工程师,只会做功能测试? 零基础想入行软件测试工程师,不知道该学哪些技术? 功能测试工资太低,缺少过硬技术,不知道从哪里突破? 下面梳理三个阶段的职业目标,让你成为高级测试工程师不再迷茫。无论你是零基础小白,还是正在从事软件测试工程师岗位的从业人员,达到以下三个阶段中任意一个阶段都属于高级测试工程
Linux程序编译过程详解
大家肯定都知道计算机程序设计语言通常分为机器语言、汇编语言和高级语言三类。高级语言需要通过翻译成机器语言才能执行,而翻译的方式分为两种,一种是编译型,另一种是解释型,因此我们基本上将高级语言分为两大类,一种是编译型语言,例如C,C++,Java,另一种是解释型语言,例如Python、Ruby、MATLAB 、JavaScript。
Linux网络延迟排查方法
在 Linux 服务器中,可以通过内核调优、DPDK 以及 XDP 等多种方式提高服务器的抗攻击能力,降低 DDoS 对正常服务的影响。在应用程序中,可以使用各级缓存、WAF、CDN 等来缓解 DDoS 对应用程序的影响。
10个中级到高级的SQL概念
随着数据量持续增长,对合格数据专业人员的需求也会增长。具体而言,对SQL流利的专业人士的需求日益增长,而不仅仅是在初级层面。
如何发现Python依赖库漏洞
因为python编程的流行,python的各种库也越来越多,但许多小伙伴可能只注意到了自己编程所要依赖的环境,但是却忽略了库的版本也有可能存在漏洞的风险,如果不及时检查和更新python依赖库,那么很有可能你写的代码本身就存在漏洞,因为你引用了一个包含已知漏洞的库。