CSS-广陵散

端午怀古

世间已无广陵散，无韵离骚成绝响。
唐伯虎点钞票·2023-10-26 11:30

CSS-狂神笔记

CSS：一、简单了解CSS选择器，美化网页（美化文字，阴影，超链接，列表美化，渐变），盒子模型，网页动画。h1{color:red;}语法：选择器{声明1；声明2；}3.外部样式的两种写法链接式：导入式：@importurl(“css/style.css”);二、选择器作用：选择页面上的某一个或者某一类元素2.1基本选择器1.标签选择器会选择页面上所有的这个标签的元素h1{color:red;}2
喵喵喵凡·2023-10-25 14:11

css-渐变色矩形

效果图：代码：html:css:*{margin:0;padding:0;box-sizing:border-box;}.container{width:100vw;height:100vh;background-image:url('https://img0.baidu.com/it/u=3091341499,2856166635&fm=253&fmt=auto&app=138&f=PNG?w=
不穿铠甲的穿山甲·2023-10-25 06:04

Rem 布局

在阅读本文之前，先需要了解设备像素、设备独立像素、CSS-像素、桌面浏览器上的-viewport、移动浏览器上的-viewport。
_于曼丽_·2023-10-23 20:10

CSS- 标签选择器与字体样式

所有的效果展示引入：标签选择器：p{color:brown;font-size:30px;background-color:aqua;width:500px;height:50px;}所有的P标签生效类选择器：.red{color:red;width:500px;height:50px;background-color:aqua;}class为redP标签class为red和其他class的标签I
遇见更好的自己_Steve·2023-10-20 12:49

css-水滴

最近好久没有没有更新博客了，小伙伴们好久不见，今天看到一个比较有意思的动画所以研究了一下，就依然老王用css简单的实现了一把，话不多说开始干样式效果：全部代码：小水滴效果*{margin:0;padding:0;box-sizing:border-box;}.border{width:500px;height:500px;margin:auto;position:relative;display:
Mr.王征·2023-10-19 13:34

css-水滴登录页

效果图：html登录忘记密码注册css*{margin:0;padding:0px;box-sizing:border-box;/*box-sizing:border-box就是将border和padding数值包含在width和height之内，这样的好处就是修改border和padding数值盒子的大小不变。*/}body{height:100vh;background:#eff0f4;}.b
不穿铠甲的穿山甲·2023-10-19 13:29

css加载不起作用,webpack css loader不起作用

，我在devDependiecies的package.json中得到了它.我还在webpack.conf.js中添加了以下内容：{test:/\.css$/,use:['style-loader','css
柔粟·2023-10-19 11:04

奇妙酒馆

古有曹植洛神赋，唐寅的桃花源，是叹国兴亡之情还是相思之情，不得而知，而嵇康之广陵散、伯牙高山流水流传千苦更是深不可测，画家、歌者、工匠也是无独有偶，其奇妙之处也在于击中人心的准确和故弄玄机的模糊吧。
劉流浏·2023-10-18 16:58

css- sticky

有时候我们有需求需要开始有一行在页面上，然后页面滚动到需要展示的一行下面时，把展示一行固定到顶部，滚动回去，固定行又回到文档中。类似淘宝里面的服装、鞋履、箱包这种分类导航。以前实现使用的监听滚动事件，判断滚动到固定行下面的时候，添加fixed。实现置顶。*现在css有个position:sticky;可以实现。需要配合top,right,bottom,left才能生效。没有的话，只算realtiv
AAA前端·2023-10-18 08:18

有意思的css-饼状图

1、效果图效果图我们都知道，元素盒子都是矩形的形状，我们要做到饼状图，其实是不容易的，但是我们可以另辟蹊径，通过css的属性来实现，这里我们主要用到的css属性有overflow,opacity,transform。2、代码思路我们首先只考虑50%以下的，这样方便理解。//css代码body{background-color:#ccc;}.box{width:120px;height:120px;
没_有_人·2023-10-17 00:19

CSS3- css3新增样式（圆角边框border-radius、边框图片border-image、盒子阴影box-shadow）

适合新手入门到精通体系课程：web开发、爬虫、自动化运维、自动化测试、GUI图形界面化HTML&CSS系列文章类目内容序列文章链接HTML&CSS（1）HTML与HTML5知识点梳理总结HTML&CSS（2）CSS
王子玉博客·2023-10-16 19:12

13.前端笔记-CSS-盒子样式应用（圆角、阴影）

1、圆角边框border-radius属性，用于设置元素的外边框圆角原理：(椭)圆和矩形的两条边相切（圆的半径就是length），形成圆角效果属性：border-top-left-radius;左上border-top-right-radius:右上border-bottom-right-radius;右下border-bottom-left-radius:左下简写形式：border-radius
MY Daisy·2023-10-16 19:05

（一）css-显示模式、基本属性、特性

一CSS简介（简）美化网页，布局页面层叠样式表（cascadingstylesheets）的简称，又称css样式表或级联样式表。二CSS引入方式按照css样式的书写位置分类内联样式表/行内样式表：元素标签内部的style属性中设定css样式。【权重高】【控制当前标签】嵌入式/内部样式表：全部放在html，单独放在一个style标签里。【控制整个页面元素】【一般在
前端 特特 博客·2023-10-15 03:29

解决typescript项目报错：找不到模块“xxx”或其相应的类型声明

declaremodule"@/redux/*";报错就消失了：特殊情况：对于cssmodule的类型声明：此时光有declaremodule"*.module.scss"声明是不够的还需要安装"@types/css
kingtopest·2023-10-14 21:10

react-antd-admin 后台管理系统，就这样应运而生

用来转义es6->es5copy-webpack-plugin用来拷贝一些文件css-loader加载cssless-loader将less转成cssstyle-loader将css加载到dom元素上面css
同名公众号 - 人生代码·2023-10-14 05:50

「HTML+CSS」--自定义加载动画【007】

效果展示css-自定义加载动画3a.gifDemo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content
海轰Pro·2023-10-13 17:44

CSS-变形transform

2D变形transform-origin可以改变旋转的中心点，两种方式transform-origin:lefttop;左上角transform-origin:10px10px;精准的位置translate移动元素从当前位置移动，给定left坐标和top坐标translate(50px,100px)-ms-transform:translate(50px,100px);//IE9-webkit-t
哎呦呦胖子斌·2023-10-12 22:14

CSS-注册页面

注册页面*{margin:0px;padding:0px;box-sizing:border-box;}body{background:url("../image/img/register_bg.png");}.rg_layout{width:900px;height:500px;border:8pxsolid#EEEEEE;background-color:white;margin:auto;m
qq_41790844·2023-10-12 12:27

基于RuoYi-Flowable-Plus的若依ruoyi-nbcio支持本地图片上传与回显的功能实现（二）

演示地址：RuoYi-Nbcio后台管理系统排除路径，增加avatar图片#security配置security:#排除路径excludes:#静态资源-/*.html-/**/*.html-/**/*.css
宁波阿成·2023-10-12 10:42

css-如何对每行中最后一个元素删除边距？

文章目录前言一、负边距一、nth-child()系列)前言如何从最后一列的每个元素中删除边距？在元素宽度不确定的情况下，或者如果屏幕很小或用户调整浏览器大小，则每行排列的个数就不确定因此，在任何情况下，最后一列中出现的任何元素(可以是一个或多个然后是一个)。我想删除margin-right。除非您确切知道每行有多少个元素(通过选择器的nth-child()系列)，否则无法使用纯CSS在每行的特定元
落花见流水·2023-10-11 06:38

CSS-清除多行盒子排列每行最后一个盒子外边距属性

在项目中我曾经碰到过多行盒子排列，为了盒子之间的间隔从而添加了margin-right属性，但在每一行的最后一个元素的margin-right属性总是会影响到盒子的布局，从而导致本应该出现在当前行最后一个的盒子因为该属性导致空间不够从而被换行到下一行进而导致的UI显示问题。通过多次的实践思考我想到了几种解决的办法，也因此希望在这里进行心得记录，其具体的解决方法如下：①使用结构伪类选择器进行筛选nt
lychee z·2023-10-11 06:36

【css-文档流与文本流，浮动，定位】

文章目录1.文档流与文本流1.1文档流的定义1.2文本流的定义1.3脱离文档流2.浮动（float)3.定位3.1定位的定义3.2定位的组成3.3静态定位3.4相对定位3.5绝对定位3.6固定定位3.7粘性定位4.z-index标签1.文档流与文本流1.1文档流的定义**文档流通俗来讲是浏览器中的规则，从上到下，从左到右的布局。**当浏览器渲染html文档时，从顶部开始开始渲染，为元素分配所需要的
renrenrenrenqq·2023-10-11 01:45

再听古琴

例如我最喜欢的曲子，比如说《流水》、《广陵散》
睡着的米嘻嘻·2023-10-10 09:43

第二部分：CSS3

一：CSS简介CSS的主要使用场景就是美化网页，布局页面的1.1：HTML的局限性HTML只关心内容的语义，而不关心样式的丑与美1.2：CSS-网页的美容师CSS是层叠样式表（CascadingStyleSheets
*晨晨·2023-10-09 11:14

教师节，给自己的礼物！

今天去看话剧广陵散了。感觉特别好。演员演的特别好。又在靠前的位置，所以感受的特别好！明天细说！今天我买的书到了，迫不及待要去看，但是鉴于还得日更，所以看的少，但是真的看懂了，也喜欢上了！
加菲灰原·2023-10-08 15:50

黑豹程序员-架构师学习路线图-百科：CSS-网页三剑客

文章目录1、为什么需要CSS2、发展历史3、什么是CSS4、什么是SASS、SCSS1、为什么需要CSS作为网页三剑客的第二，CSS为何需要它，非常简单HTML只能完成页面的展现，但其做出来的页面奇丑无比。随着网络的普及，人们的要求更高，不仅要看信息，还希望页面更加优美。这个任务HTML完成不了，于是就产生了CSS样式表来美化我们的页面。2、发展历史1990年，TimBerners-Lee和Rob
长安紫薯·2023-10-04 07:55

移动端和PC端对比【组件库+调试vconsole +单位postcss-pxtorem+构建vite/webpack+可视化echarts/antv】

postcss-pxtorem：移动端不同的像素密度构建工具webpack原理Babel：JS编译器（es6->es5，jsx->js）loader：编译less-loader：less->csscss-loader：css
参宿7·2023-09-30 02:17

css 语法笔记

.abc{margin-left:20px;}.xyz{margin-left:20px;}等同于.abc,.xyz{margin-left:20px;}参考CSS-选择器_css最后一个元素选择器_伏城之外的博客
linzhiji·2023-09-28 05:24

话剧《广陵散》一部广陵绝，一首知音曲

舞台剧《广陵散》，以古琴名曲《广陵散》为话剧名，以嵇康为主角，同时展现了“竹林七贤”不同的性格、抉择以及价值取向。
梦溪花开·2023-09-27 13:39

CSS-自适应正方形的实现

1、效果展示html结构如下：2、实现方法（1）设置垂直方向的padding在CSS中，margin和padding的百分比是相对于父元素的宽度来计算的，利用这个特性，将padding-top或者padding-bottom设置为与width相同的百分比，再将height设为0，最后通过定位可以实现自适应的正方形。.card-box{width:25%;height:0;padding-botto
小矮马·2023-09-25 13:23

WKWebView 加载本地 CSS 样式

//从Bundle中加载css-(void)loadFromBundle{NSMutableString*html=[NSMutableStringstring];[htmlappendString:@
ADreamClusive·2023-09-22 19:56

狗尾二则

按：张打油原诗描写的是“黄狗、白狗”君去·勿忘·胡不归（续改汉献帝时童谣，以和《石壕英雄传》方大娘之广陵散）侯非侯，王非王，千乘万骑上北邙！……君乃去，勿相忘。胡不归？妾断肠。一阙广陵散，曲罢愿执觞！
语冰趣读·2023-09-21 16:54

css-虚线边框滚动效果

常常看到一种酷炫的效果，鼠标hover一片区域后，区域显示出虚线边框，并且还有线条动画，那么这种效果具体是怎么实现的呢，本文提供了几种思路仅供参考。基本HTML测试测试复制代码Easy-way通过背景图片实现。p得垂直居中哦，还记得如何垂直居中吗？详见另一篇博客～.box{width:100px;height:100px;position:relative;background:url(https
weixin_33858249·2023-09-21 13:24

css-边框原理教程

1.CSS中边框原理他不是一条直线，根据盒子原理，当边框宽度大于元素的长和宽时，呈现一个梯形和三角形的形状，用如下的代码来实地理解一下边框画法实现的原理注：学习网址：CSS画几种图形的方法_css画图_老电影故事的博客-CSDN博客css边框原理理解.border{width:100px;height:100px;margin-top:100px;margin-left:100px;border-
yqj234·2023-09-21 13:49

2018-06-03

css-餐厅练习游戏答案1.plate2.bento3.#fancy4.plateapple5.
老头子_d0ec·2023-09-20 03:10

css整理

标准盒模型（css->box-sizing:content-box）:比如你设置盒子宽度为100px,那么content的宽度就是100px,不包含padding、margin、borde
冫笙·2023-09-19 20:28

Vue 初体验

关键点:CSS->transition；JS->添加事件、修改div。
韩一尾·2023-09-16 11:47

css-精灵图跑动效果（animation）

Document.box{width:140px;height:140px;background-image:url(./images/bg.png);animation:run1ssteps(12)infinite}@keyframesrun{to{background-position:-1680px;}}
小白鸽hc·2023-09-16 09:26

css-布局详解

正常的默认文档流方式布局就不说了。主要说以下几种布局：table布局float布局position定位布局flex布局grid布局column多列布局移动端布局css布局的几种方式1.table布局两种方式实现表格布局：HTMLTable标签和CSSdisplay:table相关属性。HTMLTable是指使用原生的标签，而CSSTable是指用CSS属性模仿HTML表格的模型。对应表:cssta
Knight52033·2023-09-15 10:37

《古琴之恋》

伏羲氏孕育的精灵，，经历文武的熏陶，孔子耐心的培养，亭亭玉立、余音袅袅，诸葛孔明凝结出的《卧龙吟》，嵇叔夜至死都迷恋你奏出的《广陵散》；尘封了千年的记忆，迷恋过的琴棋书画，排在首位的仍是你，别总说我们相处的时候我是沉默的
思斯谬谈·2023-09-14 21:26

CSS-盒子内容溢出设置

限制内容溢出的属性：overflow属性值：hidden意味着超出盒子部分的内容会被直接隐藏掉scroll卷轴代码：.simple{width:80px;height:30px;border:1pxsolidblack;overflow:hidden;}我是一个盒子图示：隐藏图示代码：.simple{width:600px;height:300px;border:1pxsolidblack;ove
夏天无花果·2023-09-13 06:25

html实现图片四宫格,CSS-实现全等四宫格的方案【Collection】

全等四宫格.png如上图，需求如下：一个未知宽高的容器，要被均分为四个相同大小格子(即四个容器)，且格子间有10px间距(即十字型空隙)，有哪些方法可以解决呢？分析问题一般实现布局，用的多的是CSS的几大属性displayfloatpositionflex。其中display的应用很灵活，用的最多的是table和table-cell；float实现浮动排列，多行可以每行套个容器，也可以不套而是在每
小王ra康复·2023-09-12 06:52

【我命由我】我命由我——佳树陈思彤

从容弹奏《广陵散》，曲罢叹道“广陵散于今绝矣”，随后赴死，时年三十九。嵇康宁死不妥协，这是“我命
Li三金·2023-09-11 21:33

css-表盘动态指针

要做比较炫酷的页面展示一些动画就免不了啦，最近做的是一个比较简单的表盘+动态指针的效果本篇重点：css3@keyframes@keyframesmymove{from{top:0px;}to{top:200px;}}@keyframes简单说明使用@keyframes规则，你可以创建动画。创建动画是通过逐步改变从一个CSS样式设定到另一个。在动画过程中，可以更改CSS样式的设定多次。指定的变化时发
卡西卡西yu·2023-09-10 22:41

CSS-字体图标

  图片是有很多优点的，但是缺点也很明显，比如图片不仅增加了总文件的大小，还增加了很多额外的http请求，这都会大大降低网页的性能，更重要的是图片不能很好的进行缩放，因为图片大小和缩放都会失真，很多情况下是希望图标是可以缩放的，此时就会用到字体图标。字体图标的优点可以做出跟图片一样可以做的事情，改变透明度、旋转度等本质是文字，可以很随意的改变颜色、产生阴影、透明效果等本身体积更小，但携带的信息并没
哎呦呦胖子斌·2023-09-10 00:22

广陵散记

张少来穿过树林，来到平原地带。从骡驴走的黄土小径，到开阔的平坦大路，人烟日渐稠密，这是到山清水秀的江南地带了。江南好景致，春雨点枝，烟笼垂柳，鸟雀飞鸣，树花鲜妍。空气湿润新纯，张少来吸入一大口气，顿觉神清气爽，肺腑里的灰尘一并吐出去，心情也悠哉起来。这里的住民打扮素朴清爽，街上穿绫罗绸缎的也不乏其人。市幌张摇，商铺开张，吆喝声、人声不绝于耳，一派热闹繁华之景。张少来闲走慢看，市井小摊，卖艺杂耍，各
海月童话·2023-09-09 18:40

CSS-字体英文换行问题

比如在div中定一个宽度为200px的div，内部有些字体，如果全是中文或者全是英文换行后则占满，但如果中文后面接英文后，如果英文最后例如HOLLOWORD中的D不是在一行末尾的话则会直接换行，第一行是测试用例换行，第二行则是HOLLOWORDDocument.desca{width:200px;height:200px;border:1pxsolid#ccc;}测试用例换行HOLLOWORD图中
弦生_a3a3·2023-09-06 00:36

css-定位position 理论

1.1网页常见布局方式1.标准流1.块级元素独占一行直布局2.行内元素/行内块元素一行显示多个------>水平布局2.浮动1.可以让原本垂直布局的块级元素变成水平布局3.定位1.可以让元素自由的摆放在网页的任意位置2.一般用于盒子之间的层叠情况1.2使用定位的步骤1.设置定位方式属性名:positionposition规定元素的定位方式(类型)static默认值，没有定位(写和不写一样)fixe
秃头馒头·2023-08-31 07:06

CSS伪类

目录一、概念及语法二、伪类的使用①锚伪类：链接能够以不同的方式显示②伪类和CSS类③悬停在div上④简单的工具提示悬停⑤CSS-:first-child伪类⑥匹配所有元素中的首个元素⑦匹配所有首个元素中的所有元素
自xing且乐观~·2023-08-30 22:48
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他