[后端浅了解]HTML和CSS

HTML(HyperText Markup Language)是一种用于创建网页和Web应用程序的标记语言。它是构建Web内容的基本构件,用于定义文本、图像、链接、多媒体等元素在网页中的结构和呈现方式。HTML使用标签(Tags)来描述文档中的不同内容和元素。标签是由尖括号(<>)包围的...

【HTML&CSS】运维、后端你该会的前端基本内容(三)

【HTML&CSS】运维、后端你该会的前端基本内容(三)

2.1.2、内部样式表 (内嵌式)只需要使用一个html文件,样式代码在style标签中。内嵌方式:在html文件head标签中添加style标签。标签描述块/行元素单/双标签style用于为 HTML 文档定义样式信息行双style标签属性取值说明typetext/css规定被链接文档的 MIME...

CSS描边动画,后端直呼哇塞

CSS描边动画,后端直呼哇塞

效果展示我发现在 css 的世界里,至少在目前看来,想要实现一些不规则的运动曲线是很为难的,因此,今天给大家分享一个借助 SVG 快速实现描边动画的技巧,这里主要分享两种,第一种使用自己绘制SVG文字,第二种使用现成的 SVG 来实现动画,快来学习吧1.绘制 SVG,实现...

不懂CSS的后端难道就不是好程序猿?

由于H5在移动端的发展如日中天,现在大部分公司对高级前端需求也是到处挖墙角,前端薪资也随之水涨船高,那公司没有配备专用的前端怎么办呢?   作为老板眼中的“程序猿” 前端都不会是非常无能的表现,那作为后端人员需要不需要懂前端呢?为了提升价值还是需要懂点的,不然一点问题就找前端,那是不是让别人疯了……...

后端码农谈前端(CSS篇)第四课:选择器补充(伪类与伪元素)

一、伪类: 属性 描述 :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时,向元素添加样式。 :link 向未被访问的链接添加样式。 :visited 向已被访问的链接添加样式。 :first-child 向元素的第一个子...

后端码农谈前端(CSS篇)第五课:CSS样式

一、背景: CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。 1、背景色 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 例如: p {background-color: gray;} 2、背景图像 要把图像放入背景,需要使用 b...

后端码农谈前端(CSS篇)第六课:盒子模型

元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。 提示:背景应用于由内容和内边距、边框组成的区域。 一、CSS 内边距属性 属性 描述 padding 简写属性。作用是在一个声明中设置...

后端码农谈前端(CSS篇)第七课:定位与浮动

一、定位: 1、定位的理解 (1)相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。 如果将 top 设置为 20px,那么框将在原位置顶部下面 20 像素的地方。如果 left ...

后端码农谈前端(CSS篇)第一课:CSS概述

一、从扮演浏览器开始 扮演浏览器是Head First图书中很有意义的一个环节。可作者忘记了告诉我们扮演浏览器的台本。我们从这里开始。 上图是webkit内核渲染html和css的流程图。从该图我们可以知道以下几个关键信息: HTML的解析过程和CSS的解析过程是独立完成的。HTML被解析成DOM树...

后端码农谈前端(CSS篇)第二课:CSS的5个来源

0、浏览器默认样式 当你不为html元素设置任何样式时,显示在浏览器上的(比如:<b>元素会显示粗体、<p>元素有纵向margin、<h1>元素字号比<p>元素大一倍……)这是为什么呢? 因为浏览器自带一个默认的样式,在html元素未被设置样式时,浏览...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

开发与运维
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
6368+人已加入
加入