CSS-广陵散第2页

css-浮动造成的高度塌陷原因以及解决方法清除浮动 BFC

高度塌陷：子元素浮动之后脱离文档流不会把父元素撑开造成父元素的高度塌陷htmlcss.box1{border:10pxredsolid;}.box2{width:100px;height:100px;background-color:#bfa;float:left;}运行结果：（本应该在父盒子内部的元素跑到了外部）为什么会出现盒子塌陷：当父元素没设置足够大小的时候，而子元素设置了浮动的属性，子元素

吞掉星星的鲸鱼·2023-12-26 21:39

CSS-移动端页面（响应式）

CSS-移动端页面（响应式）媒体查询//样式表中的CSS媒体查询@media(min-width:769px){body{background-color:purple;}}@media(min-width

半斋·2023-12-24 18:13

CSS-计数器 counter-reset、counter-increment、counter-reset

计数器CSS的计数器通过在content上应用counter()或counters()函数来显示计数的。其中计数器是由counter-reset和counter-increment来进行操作的。counter-increment语法counter-increment参数1：计算器名称该标识符由不区分大小写的字母a到z，数字0到9，下划线（_）和/或短划线（-）的组合组成。第一个非破折号字符必须是一

嘤嘤怪呆呆狗·2023-12-23 07:43

CSS-前端学习随笔-对CSS盒子模型的理解

导读对于刚刚学习前端的小伙伴们来说，学习CSS中的盒子模型这一概念后会对页面的布局开发有更深一点的认识。对于项目前期开发来说，根据产品原型图进行页面布局开发，这可以说是项目开发的起点。有了盒子模型的帮助，页面就可以进行高效的布局，其实就有点像搭积木一样，所以让我们来认识一下这个有趣的盒子模型吧！正文一、是什么当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的CSS基础框盒

泾柳123·2023-12-21 15:19

css-常见的样式和案例

文章目录选择器多个和覆盖高度和宽度行内标签和块级标签字体设置浮动内边距外边距区域居中案例-小米商城总结选择器类选择器id选择器标签选择器属性选择器Title.c1{color:red;}#c2{color:gold;}table{color:pink;}input[type="text"]{border:1pxsoliddeeppink;}.v1[xx="123"]{xuanzcolor:red;

heibut不相信眼泪·2023-12-19 08:47

CSS-选择器

通配选择器*{margin:0;padding:0;}元素选择器div{background:grey;}ID选择器id{background:grey;}类选择器.class{background:grey;}.class1.class2{background:grey;}//需要同时具有指定的类才能匹配群组选择器selector1,selector2{background:grey;}//匹配

zhulichao·2023-12-17 10:26

CSS-自适应导航栏（flex | grid）

目标：实现左右各有按钮，中间是内容，自适应显示中间的内容导航栏，即根据中间的宽度大小显示内容。自适应导航栏总结：推荐flex布局/grid布局flex布局：两侧flex:1;----->中间自适应grid布局：1fr---->代码为grid-template-columns:1frauto1fr;主要参考文章：CSS实现自适应导航栏法一：（flex方法）父盒子设置弹性布局display:flex;

要加油哦～·2023-12-06 20:10

中国通史100-33 魏晋风度

嵇康因为才华过人成为大名士最后在洛阳被斩，被斩前，抚琴一曲《广陵散》，后失传，成为千古绝唱嵇康在云台山与阮籍山涛刘伶等并称竹林七贤竹林饮酒是其共同爱好==》刘伶醉司马家族控制了曹魏政治斗争汹涌竹林七贤大名士为了躲避政斗进了竹林流行玄学

夏奔奔·2023-12-06 16:16

css-解决英文不换行的问题-word-break属性

/*内容均是连续英文换行的问题*/div{word-break:break-all;/*正如其名字，所有的都换行。毫不留情，一点空隙都不放过，会把英文单词截断。*/word-wrap:break-word;/*和上面比会将英文单词视为整体*/}word-break:属性=》指定断行规则：word-break:normal|break-all|keep-all;normal使用浏览器默认的换行规则。

退休生活·2023-12-06 05:44

css-颜色与单位

文章目录0x01像素0x02百分比0x03em和rem0x04RGB和RGBA4.1RGB4.2RGBA4.3十六进制的RGB值0x05HSL和HSLA5.1HSL5.2HSLA本文内容单位：像素、百分比、em、rem颜色：rgb，rgba，hsl，hsla0x01像素像素是图像中不可分割的单位或者是元素，屏幕(显示器)也是由像素构成的，不同屏幕的像素大小是不同的，像素越小的屏幕显示的效果越清晰，

debaowang·2023-12-05 21:11

嵇中散

临终一曲《广陵散》，天下皆知。后来《射雕英雄传》里，黄药师学魏晋风度翻白眼，“非汤武，薄周孔”，就按嵇康来的。话说，为啥他会死呢？嵇康入狱，是因为牵涉到个曲里拐弯的腌臜事。

wang高阳·2023-12-05 11:52

CSS-上下滑动翻页效果

效果展示代码-->Document人物介绍PhoenixWebDesignerThedesignersatattheirdesk,surroundedbysketchesandcolorswatches.Theycarefullycraftedeachlineandcurve,choosingjusttherighthuetobringtheirvisiontolife.Withasteadyha

吉吉安·2023-12-05 00:22

移动端 label关联radio，checkbox后，切换时有一个蓝色的图层一闪而过？

css-移动端HTMLradio关联label后，切换时为什么会有一个蓝色的图层一闪而过？-SegmentFault思否

爱笑的小白菜·2023-12-03 21:09

我的理想

其实以前我总是很想要过隐士的生活，想如陶潜般“采菊东篱下，悠然见南山”，想如嵇康那般，翩翩衣袖动《广陵散》出。想如王维那样看“明月松间照，清泉石上流。”

牛奶秋刀鱼2077528·2023-11-29 14:18

CSS-常见元素显示模式总结

块元素（block）主体结构标签：，排版标签：~、、、、列表标签：、、、、、表格相关标签：、、、、、与行内元素（inline）文本标签：、、、、、、与行内块元素（inline-block）图片：单元格：、表单控件：、、、框架标签：

代码对我眨眼睛·2023-11-29 12:33

广陵散

文/solo晴天一曲广陵未遗世终了江湖多少事功名利禄不受用寄情山水任逍遥起承转合音人合一谱一曲天籁浑然天成纵世人皆好奇向往亦不足为外人道且闭目想象即可~

悠游乐哉·2023-11-28 21:15

泼墨

葡萄美酒夜光杯李白月张良椎司马相如上林雁霍去病血染回秣陵春灞陵雨西陵空城拍潮水东坡笑陈抟睡昆明池底照劫灰一纸清白万种心痕交代了兴亡晨昏一纸清白万种心痕休问我笔法如何周：周文汉武俱尘土洛阳花章台路一片分合魏蜀吴战国策换种树书合：广陵散武陵渔兰陵破阵万骨枯刘伶醉王戎老竹林酒肆阮籍哭一纸清白万种心痕交代了兴亡晨昏一纸清白万种心痕休问我笔法如何一纸清白万种心

竹影吟风醉细雨is高玮·2023-11-28 10:49

6.前端--CSS-基础选择器【2023.11.26】

1.CSS基本选择器标签选择器：标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。标签选择器可以把某一类标签全部选择出来，比如所有的标签和所有的标签。语法:标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3;...}举例Documentp{color:aquamarine;}div{color:red;}1233454353

摆脱Loser称号·2023-11-28 06:42

夜宿扬州

图片发自App/文林无论皮包水还是水包皮都有皇帝的影子三月挂在柳枝头烟花中的瘦西湖有多少盐就有多少荣耀院子里月光堆积淮扬菜茅台晃动的夜晚广陵散空留曲名花酒浇燃的嗓子很喑哑有人开始做梦有人演练模仿秀翻一张牌

成都文林·2023-11-28 02:35

7.前端--CSS-字体属性【2023.11.26】

CSS字体属性CSSFonts(字体)属性用于定义字体样式、粗细、大小、和字形。1.文字样式CSS使用font-style属性设置文本的风格。语法：p{font-style:normal;}属性：2字体粗细CSS使用font-weight属性设置文本字体的粗细。语法：p{font-weight:bold;}属性：3.字体大小CSS使用font-size属性定义字体大小。语法：p{font-size

摆脱Loser称号·2023-11-27 10:45

8.前端--CSS-文本属性【2023.11.26】

CSSText（文本）属性可定义文本的外观，比如文本的颜色、对齐文本、修饰文本、文本缩进、行间距等1.文本颜色color属性用于定义文本的颜色。语法：div{color:red;}属性：2.文本对齐text-align属性用于设置元素内文本内容的水平对齐方式。语法：div{text-align:center;}属性：3.文本修饰text-decoration属性规定添加到文本的修饰。可以给文本添加

摆脱Loser称号·2023-11-27 10:45

5.前端--CSS-基本概念【2023.11.26】

1.CSS语法规范CSS规则由两个主要的部分构成：选择器以及一条或多条声明。属性和属性值之间用英文“:”分开多个“键值对”之间用英文“;”进行区分选择器:简单来说，就是选择标签用的。声明：就是改变样式2.CSS引入方式按照CSS样式书写的位置（或者引入的方式），CSS样式表可以分为三大类：行内样式表（行内式）由于书写繁琐，并且没有体现出结构与样式相分离的思想，所以不推荐大量使用，只有对当前元素添加

摆脱Loser称号·2023-11-27 10:39

八声甘州

嵇康长已矣，广陵散绝踪。弦月胧，香丘何处，颦儿泪，浸入顽石中。苔痕重，往事辞却，来日何从。

马越关山·2023-11-27 03:49

CSS-长度单位篇

px：像素em：相对元素font-size的倍数rem：相对根字体大小，html标签就是根%：相对父元素计算注意：CSS中设置长度，必须加单位，否则样式无效！

代码对我眨眼睛·2023-11-25 23:51

CSS-元素的分类与特性

块元素（block）又称：块级元素特点：在页面中独占一行，不会与任何元素共用一行，是从上到下排列的默认宽度：撑满父元素默认高度：由内容撑开可以通过CSS设置宽高人话：宽度默认独占一行，但宽度可调节，高度默认看内容量，也可调节行内元素（inline）又称：内联元素特点:在页面中不独占一行，一行中不能容纳下的行内元素，会在下一行继续从左到右排列。默认宽度：由内容撑开默认高度：由内容撑开无法通过CSS设

代码对我眨眼睛·2023-11-25 23:43

webpack

目录Babel：JS编译器（es6->es5，jsx->js）loader：编译->jsless-loader：less->csscss-loader：css->jsstyle-loader：创建style

参宿7·2023-11-25 00:48

CSS-浏览器引擎前缀

-webkit-transition:width2s;-moz-transition:width2s;-o-transition:width2s;transition:width2s;其实上述的css代码会执行的只有一条，浏览器只会响应其中的一条，然后忽略其它几条。这里的前缀是浏览器引擎前缀（Vendorprefix），它是浏览器公司在新的或者是正在实验中的CSS3功能变为CSS3规范之前，提供一

他_5c3d·2023-11-24 16:00

CSS-鼠标属性篇

属性名：cursor功能：设置鼠标光标的样式属性值：pointer：小手move：移动图标text：文字选择器crosshair：十字架wait：等待help：帮助eg.html{cursor:wait;}(此处使用css改变全局鼠标样式)扩展：自定义鼠标光标图标eg.将小手图标改成图片cursor:url("./arrow.png"),pointer;温馨提醒：图片需要使用支持透明背景的图片格式

代码对我眨眼睛·2023-11-24 15:23

CSS-表格独有属性

属性名：able-layout功能：设置列宽度属性值：auto（默认值）：自动，列宽根据内容计算table-layout:auto;fixed：固定列宽，平均分table-layout:fixed;属性名：border-spacing功能：单元格间距属性值：CSS中可用的长度值border-spacing:10px;生效的前提：单元格边框不能合并属性名：border-collapse功能：合并单元

代码对我眨眼睛·2023-11-23 20:48

CSS-背景属性篇

属性名：background-color功能：设置背景颜色属性值：符合CSS中颜色规范的值默认背景颜色是transparentbody{background-color:blue;}属性名：background-image功能：设置背景图片属性值：url(图片的地址)body{background:url(./test.png);}属性名：background-repeat功能：设置背景重复方式属

代码对我眨眼睛·2023-11-23 20:41

【音理之谱】

广陵散的激昂在天空中回荡。高山流水，洗释尘烟古道。出水莲，与鹤笛相互辉映，成就汉宫飞燕。陈琴陈琴陈琴陈琴

陈琴丘山雨辰·2023-11-20 03:51

古琴-大師管平湖

听的是广陵散，发现古琴的音色，很能表现水、风的意境。弹起来，据着木头的声音特别的原味。全曲有点儿像，拉着你来跳舞，画面像是，你看，怎么样。然后再开始唱。欣赏不了太多，只能瞎想。哈哈。

控期待的蛋·2023-11-19 07:20

CSS-列表属性篇

代码对我眨眼睛·2023-11-18 18:22

CSS-表格属性(1)

代码对我眨眼睛·2023-11-18 18:44

day26_css

今日内容零、复习昨日一、CSS零、复习昨日HTML-页面基本骨架结构,内容展现CSS-美化页面,布局JS-动起来一、引言1.1CSS概念层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现

沐沐霸·2023-11-15 19:08

web前端-CSS-盒子模型

外边距合并：给一个边框才可以移动蓝色块怪异盒子：定义200px200px弹性盒子针对移动端父元素中声明弹性盒子网页放大缩小不影响显示垂直布局

云游四海 Jin·2023-11-14 08:41

css-透明度opacity/rgba

opacity是元素属性,影响整个元素值的范围为0-1div{background-color:#00000080;//80是16进制数值不是相当于透明度80%color:rgba(0,0,0,.8)//这个才是透明度80%;}百分比:5%HEX:F2百分比:10%HEX:E5百分比:20%HEX:CC百分比:30%HEX:B2百分比:40%HEX:99百分比:50%HEX:7F百分比:60%HE

YogaMiller·2023-11-10 13:28

02-黑马web前段开发-进阶

WEB基础认知：标准的构成由三部分组成：结构—HTML-页面元素和内容表现—CSS-网页元素的外观和位置等页面样式（如：颜色、大小等）行为—JavaScript-网页模型的定义与页面交互WEB进阶:移动

黄悦泽·2023-11-06 12:38

CSS-盒子边框 border

边框的宽度属性是border-width，单位是px边框样式是border-style：solid表示实线；dotted表示一串方形点；dashed表示一条虚线；double表示两条实线；边框颜色是border-color也可以border后面跟着的三个值分别代表宽度，样式和颜色。例：border:3pxsolidblue实线样式代码：.simple{width:600px;height:300p

夏天无花果·2023-11-04 12:01

时间不会等你，来日并不方长

图片发自App很多时候，我们都以为来日方长，就如同嵇康在死前感慨：袁孝尼一直想学习《广陵散》，我以为来日方长，一直执意不肯教他，而今我这一走，《广陵散》从此绝矣。

来日方长并不长wang·2023-11-01 09:08

前端学习-过渡、2d和3d动画

display没有过渡效果*复合写法：transition:css属性过渡效果持续时长过渡的方式延迟时间;1、语法、属性//选择过渡效果的css-属性（可以多个空格隔开all指全部属性）transition-property

Yan阿清·2023-11-01 08:33

17岁的自己

又或听一曲晋人嵇康的《广陵散》、会一会唐人李白之诗。与这些相比，也许更想拥抱年少的自己。图片发自App17来岁的自己，对这世界一片好奇。对高考无限向往，仿佛考完高考就是解放，殊不知这是人生真正的起点。

沐卉卉·2023-10-31 23:24

关于芊蔚广陵散（live）的一点感想

时隔大半年，歌单又随机到芊蔚的广陵散。记得年前看节目的时候，芊蔚的脸总是冷着的，弹幕里有人看不下去：“不就是会弹古琴吗，有什么了不起的”。

宋仏佑·2023-10-31 21:37

公基：来自古代文明的传世琴音

同学，你听说过《广陵散》吗?高山流水呢?平沙落雁、渔樵问答呢……同学，你了解周代“号钟”、春秋“绕梁”吗?

Melody丶_227d·2023-10-31 04:09

视频教程-JAVAEE真实课堂系列之HTML和CSS-云计算基础架构

JAVAEE真实课堂系列之HTML和CSS刘志远，北京邮电大学硕士研究生，北京育华志远科技有限公司创始人，育华志远教育品牌负责人，育华志远课程体系打造者。率领团队为互联网行业培训千余名学员，打造最高年薪35万级学员，学员平均薪资12000元。拥有ISTQB国际认证证书，七年编程测试经验。刘志远¥39.00立即订阅扫码下载「CSDN程序员学院APP」，1000+技术好课免费看APP订阅课程，领取优惠

weixin_29751667·2023-10-30 12:10

css-表格样式

滑动表格外层嵌套一个盒子设置固定大小，并添加overflow:hiddenauto只有y轴滑动，隐藏x轴滑动表头固定不滑动可以添加position:sticky;top:0不想显示滑动条可以添加：.tableDiv::-webkit-scrollbar{display:none;/*ChromeSafari*/}使表格不超出固定宽度，文字自适应换行.Tab-1-table{table-layout

小沐°·2023-10-29 23:05

CSS-包含块

包含块:是视觉格式化模型的一个重要概念，它与盒模型类似，也可以理解为一个矩形，而这个矩形的作用是为它里面包含的元素提供一个参考，元素的尺寸和位置的计算往往是由该元素所在的包含块决定的。可以把包含块理解成一个参考系。那么怎么确定包含块的所属关系了，简单的说谁是谁的包含块，谁是谁的参照系。1：根元素所在的包含块被成为初始包含块，在xhtml中根元素是html,对于连续媒体设备，初始包含块的大小等于视口

wust_cyl·2023-10-28 20:21

《精通CSS-高级Web标准解决方案》笔记

文章目录第一章：基础知识标记简史文档类型和DOCTYPE浏览器模式和DOCTYPE切换第二章：为样式找到应用目标选择器层叠和特殊性对文档应用样式第三章：可视化格式模型盒模型概述定位概述浮动第四章：背景图像效果背景图像基础圆角框简单的css投影不透明度图像替换第五章：对链接应用样式简单的链接样式让下划线更有趣为链接目标设置样式突出不同类型的链接创建类似按钮的链接纯CSS工具提示第六章：对列表应用样式

门豪杰·2023-10-28 09:59

CSS-对于IE的兼容问题处理

css兼容问题兼容问题1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px。解决方案：给文字设定line-height。确保所有文字都有默认的line-height值。2.ff下容器高度限定.即容器定义了height之后，容器边框的外形就确定了，不会被内容撑

weixin_30412167·2023-10-28 03:00

css-边框流水线

效果图：代码：.card{z-index:1;width:250px;height:250px;background-color:aliceblue;position:relative;overflow:hidden;}.bg{z-index:3;width:240px;height:240px;background-color:yellow;position:absolute;left:5px;

不穿铠甲的穿山甲·2023-10-27 04:44

推荐频道

CSS-广陵散

css-浮动造成的高度塌陷原因以及解决方法 清除浮动 BFC