#HTML与CSS知识

CSS制作红桃心

这里主要用到了before与after属性之前之后代码:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>画画</title><style>#xing{width:100px;h...
代码星球 ·2021-02-24

css制作三角形

这个图形忘了在哪里见过的,不过见过有一些网站有这种图形。我这里做了一个简单的练习,希望帮到有需要的人。代码:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>图形</title><st...
代码星球 ·2021-02-24

css内容超出显示省略号

CSS实现单行、溢出显示省略号(…)把要设置的显示省略号的标签,加上以下的属性overflow:hidden;/*超出不显示*/text-overflow:ellipsis;/*超出内容显示为省略号*/white-space:nowrap;/*文本不进行换行*/ ...

css制作旋转风车(transform 篇)

做这个案例之前首先要大概了解CSS的transform的属性transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。看看效果图打开的时候自动旋转,当鼠标经过的时候加快旋转速度,鼠标移开就恢复原来的速度。 参考代码:(为了美观可以自已加上一直背景图,我这里是空白的背景显得...

HTML5表格(table)篇

初学HTML接触table少不了,但是实际应用的地方也有。<table>标签定义HTML表格。简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。border 定义表格<tr> 元素定义表格行,<th>元素定义表头,<td>元素定...
代码星球 ·2021-02-24

css属性大全(基础篇)

 什么是CSS?CSS全称为CascadingStyleSheets,中文翻译为“层叠样式表”,简称CSS样式表,所以称之为层叠样式表(CascadingStylesheet)简称CSS。在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简...
代码星球 ·2021-02-24

css 布局,过渡

做了一个小案例,关于我们内边距的处理的,然后再加上一些过渡效果效果:具体实现重点加上这里:具体代码实现:CSS部分:<style>#container{border:2pxsolidsandybrown;width:780px;margin:0auto;overflow:hidden;margin-top:...
代码星球 ·2021-02-24

HTML5布局篇

1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8"/>5<title>67</title>8<linkrel="stylesheet"type="text/css"href="index.cs...
代码星球 ·2021-02-24

一文读懂分布式架构知识体系(内含超全核心知识大图)

姊妹篇阅读推荐:《云原生时代,分布式系统设计必备知识图谱(内含22个知识点)》/导读:本文力求从分布式基础理论、架构设计模式、工程应用、部署运维、业界方案这几大方面,介绍基于MSA(微服务架构)的分布式知识体系大纲,从而对SOA到MSA进化有着立体的认识;从概念上和工具应用上更近一步了解微服务分布式的本质,身临其境的感...

从零开始入门 K8s | 应用存储和持久化数据卷:核心知识

PodVolumes首先来看一下PodVolumes的使用场景:场景一:如果pod中的某一个容器在运行时异常退出,被kubelet重新拉起之后,如何保证之前容器产生的重要数据没有丢失?场景二:如果同一个pod中的多个容器想要共享数据,应该如何去做?以上两个场景,其实都可以借助Volumes来很好地解决,接下来首先看一下...

K8s 学习者绝对不能错过的最全知识图谱(内含 56个知识点链接)

/导读:Kubernetes作为云原生时代的“操作系统”,熟悉和使用它是每名用户的必备技能。本篇文章概述了容器服务Kubernetes的知识图谱,部分内容参考了网上的知识图谱,旨在帮助用户更好的了解K8s的相关知识。容器服务Kubernetes知识图谱,部分内容参考网上一知识图谱,更加结合阿里云容器服务。原图来源:ht...

动态加载JS 和 CSS

 /<scripttype="text/javascript">$(function(){varfilename='/assets/css/main.css';varfileref=document.createElement("link");fileref.setAttribute("rel",...
代码星球 ·2021-02-23

00.Web大前端时代之:HTML5+CSS3入门系列~Bug反馈文章

感谢广大网友的热心提醒,现已发现如下错误:感谢“”对画布笔记系列的反馈(QQ:350223285)这个是失误,strokeStyle和stroke对应待续。。。。欢迎提出更多问题,感谢大家~...

08. Web大前端时代之:HTML5+CSS3入门系列 ~ QQ空间时间轴

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 大前端系列,主要就是使用CSS3.0来实现,注释我已经打在代码里面了,直接看代码就可以了,后面会说一下CSS3.0系列,这个就当一个引入吧: 简单版本:&l...

FontAwesome 4.4.0 中完整的585个图标样式CSS参考

做一记录,免得每次都去网上搜图标对应的class.在线版本:http://dnt.dkill.net/dnt/font/ ...
首页上一页...56789...下一页尾页