CSS-广陵散第10页

为什么嵇康会说不是每一个人都配听《广陵散》？

越接近空白，越接近力量。（如上图）这是我最近的体会。人只会在面对一页空白的时候，才好意思觉得自己是个天才；写一半，乃至更少，才发现自己不过是个笨蛋。可是你很快就会发现：越是你认为可以简化（空白）的东西，其实很难简化，你反而需要投入更多的精力去尝试。极简，是哲学愿景；空白，是生命状态。以文字为例，极简已经是禅的状态，多少BB两句，才叫文章。禅，是师父重要；文章，是读者迷人。人之所以会迷恋老师，是老师

阿布说说·2020-08-20 08:59

css-富文本编辑显示

本文来源地址:http://www.osjoin.com/other/80.html搞习惯了iOS开发了，在网页上遇见富文本的编辑，一下子就给整懵逼了。查阅了一下资料，于是乎，好像很简单的滴啊。看看效果CD275366-DA34-4CFD-A08A-7CA0993B54FF.png随便一些的效果有点low！！！看看html代码富文本编辑.msg{width:200px;height:100px;b

追风舟·2020-08-20 04:50

彼岸手札·缘劫

练琴，练完《凤求凰》，练《广陵散》，练完《广陵散》，练《秋风辞》。总之，闲的就差数一数园中那棵银杏树新长的叶子了。杜衡和后羿，这几天不知为什么赖在

昶Akire·2020-08-19 22:03

人生八雅

鱼樵问对：又名《渔樵问答》同广陵散、十面埋伏、高山流水均为中国古典十大名曲。（二）棋棋盘方寸起狼烟，酿战雌

可笑乎·2020-08-19 21:57

安德路笔记

嵇康死前感慨：袁孝尼一直想学习《广陵散》，我以为来日方长，一直执意不肯教他，而今我这一走，《广陵散》从此绝矣。454:居家，一定越简洁越好。若增加一件东西，就须设法减去一件。

西园挂绿·2020-08-19 19:50

CSS-多列布局2-断行

1、column-break-insideauto:既不强迫也不禁止在元素内部断行并产生新列avoid：避免在元素内部断行并产生新列2、实例效果源代码：CSS多列断行.container{border:1pxsolidgray;columns:3;width:500px;padding:20px;}.box{width:89px;height:89px;border:1pxsolidred;mar

Java小工匠·2020-08-19 18:13

大数据简介&hadoop简介和伪分布式、完全分布...

数据的分类从结构上可以分为-结构化数据：如：二维表-半结构化数据：如：xml、html、css-非结构数据:如：图片、音频、视频等数据的来源企业自己的业务数据网上爬虫爬来的数据从第三方处买数

码农的世界，你不懂·2020-08-19 07:35

第一天

HTML-超文本标记语言-结构CSS-层叠样式表-样式JS-脚本语言-行为Sublimetext快捷键新建文档ctrl+n保存文档ctrl+s返回上一步ctrl+z位移快捷键ctrl+[或者ctrl+]

成就我·2020-08-19 05:04

十大古曲之一--《广陵散》

喜欢听音乐，就是喜欢，并不懂得，古曲《广陵散》用古琴演奏，那种高高低低的曲调听着让人浮想联翩。《广陵散》总会让人想起嵇康，传说嵇康去世前，在断头台前演奏过《广陵散》。

淡月6688·2020-08-19 01:50

彭世瑜·2020-08-19 00:50

CSS-通过样式实现各种图形样式

三角形1.角度向上width:0;height:0;border-left:50pxsolidtransparent;border-right:50pxsolidtransparent;border-bottom:100pxsolidred;2.角向下width:0;height:0;border-left:50pxsolidtransparent;border-right:50pxsolidtr

陈小白_weilin·2020-08-18 21:00

CSS-界面滚动时不显示滚动条

设置滚动条的样式：div::-webkit-scrollbar{width:0;}关于::-webkit-scrollbar::-webkit-scrollbarcss伪类选择器影响了一个元素的滚动条的样式::-webkit-scrollbar仅仅在支持WebKit的浏览器(例如,谷歌Chrome,苹果Safari)可以使用.css滚动条选择器你可以使用以下伪元素选择器去修改各式webkit浏览器

高先生的猫·2020-08-18 18:50

CSS-实现不同尺寸大小图片自适应父级DIV

介绍：有时我们放置图片时，因为父级元素固定了大小导致图片比例失调或者是图片被裁剪，体验非常不好。下面介绍一个简单的方法（初学者，欢迎大家提出建议）HTML:当CSS只这样写时:.outer{width:100px;height:500px;background-color:aquamarine;margin:20px;}图片随意摆放，有的被裁减，有的溢出父元素实现自适应，我们给图片这样设置：img

antipro7·2020-08-18 05:36

CSS-简单的css锚点

index.html12345简单的CSS锚点78ul,li{9padding:0;10margin:0;11width:300px;12height:200px;13margin:0auto;14list-style-type:none;15overflow:hidden;16}17.nav{18text-align:center;19margin-top:20px;20opacity:0.6;

weixin_30492047·2020-08-18 04:00

CSS - 选择器(标签选择器、类选择器、ID选择器)

CSS-选择器(标签选择器、类选择器、ID选择器)CSS选择器/*标签选择器*/p{color:red;}li{font-size:12px;}/*类选择器*/.db{font-size:20px;color

陆讯·2020-08-18 03:56

CSS-常用的选择器

六种常用的选择器准备工作1、id选择器2、class选择器(类选择器)3、标签选择器4、通配符5、分组选择器6、后代选择器7、伪类选择器准备工作使用div标签选择器选择器1、id选择器id选择器，在div标签中设置一个id属性，在style标签中以以#开始后面跟div标签的id属性。这里就像给标签一个身份证号，然后在style标签中通过这个身份证号找到对应的标签，声明该标签的样式选择器#id_di

paku-san·2020-08-18 01:56

css-利用transform使悬浮图片移动

正在仿写阴阳师的官网首页，发现它涉及到了这个功能，所以记录一下这是W3C中的一个例子，实际运用起来，千变万化。旋转div元素：div{transform:rotate(7deg);-ms-transform:rotate(7deg);/*IE9*/-moz-transform:rotate(7deg);/*Firefox*/-webkit-transform:rotate(7deg);/*Safa

余光、·2020-08-17 23:30

web初探-css-盒模型

盒模型：相框边框->border画和相框边框的距离->padding相框之间的距离->margin边框border-width边框宽度(粗细)border-color边框颜色border-style边框样式内边距用padding设置内边距外边距用margin设置外边距网页布局与盒模型1，标准文档流标准文档流：指在不使用其他与排列和定位相关的特殊CSS规则时，各种元素的排列规则；2，块级元素VS行内

哥兜兜里有泡泡糖·2020-08-17 17:35

css-抖音字体效果

2020body{background-color:gray;/*设置背景色*/}#h1{/*ID选择器,名称唯一，不可重复*/color:white;/*background-color:darkorange;*/font-family:"微软雅黑,sans-serif";font-size:48px;font-weight:500;width:400px;height:100px;text-s

ran2017·2020-08-16 20:18

CSS_如何设置滚动条样式_超出左右滚动

CSS-界面滚动时不显示滚动条设置滚动条的样式：div::-webkit-scrollbar{width:0;}关于::-webkit-scrollbar::-webkit-scrollbarCSS伪类选择器影响了一个元素的滚动条的样式

小歪 | 前端·2020-08-15 20:48

利用transform的bug使fixed相对于父级定位

此处可查看W3C文档https://www.w3.org/TR/css-

weixin_30379911·2020-08-15 19:49

CSS-外边距合并问题，相邻块元素的垂直外边距的合并现象，嵌套块元素垂直外边距的合并现象及对应的解决办法

在“标准文档流中”通过margin定义块元素的垂直外边距时，可能会出现外边距的合并现象；合并的情况有两种：一种是相邻块元素垂直外边距的合并，另一种是嵌套块元素垂直外边距的合并相邻块元素的垂直外边距的合并现象当上下相邻的两个块元素都设置外边距（margin），如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top，则他们之间的垂直间距不是margin-botto

蓬莱老仙·2020-08-15 17:07

09 CSS-隐藏盒子的5种方法

display:none;隐藏盒子，而且不占位置。(用的最多)overflow:hidden;隐藏盒子超出的部分opacity:0;隐藏盒子，而且占位置。visibility:hidden;隐藏盒子，而且占位置。Position/top/left/…-999px隐藏盒子，而且占位置。补充：1.第三种opacity:0;将透明图变为0来隐藏盒子该方法IE8以及更早的版本不支持。IE8前使用：filt

喝着绿茶的猫·2020-08-15 14:11

CSS-样式重置+公共样式

最近更新时间：2017年7月6日11:01:29《我的博客地图》作为前端工程师，需要不断的去总结和积累有共性的代码，这对于开发来说事半功倍。在书写样式文件时，公共样式和样式重置（样式初始化）每次都会用到。1、公共样式//按钮公共样式.btn{display:inline-block;font-size:30rpx;border-radius:4rpx;color:#fff;box-shadow:0

万少博·2020-08-15 11:46

CSS-四种两栏式布局

四种两栏式布局先分别介绍float、position、flex和table1.float属性指定一个盒子（元素）是否应该浮动。在早期浏览器当中，文档类型基本都是图片加文字进行页面展示。float属性最开始的设计是想让文字环绕图片例如这样：而开发人员无意中利用它做了一些本不应该是float设计时的工作，于是早期的页面布局一般都是float布局。例如让两个块级盒子在一行显示。2.position属性指

weixin_40122996·2020-08-15 00:29

CSS-底部边框 | border-bottom

border-bottom简写属性把下边框的所有属性：border-bottom-color，border-bottom-style与border-bottom-width设置到了一个声明中。这些属性描述了元素的下边框样式。border-bottom:1px;border-bottom:2pxdotted;border-bottom:mediumdashedblue;与所有的简记属性相同，bord

weixin_34355881·2020-08-15 00:45

CSS-边框底部样式 | border-bottom-style

border-bottom-styleCSS属性设置元素的底部的线条样式border。/*Keywordvalues*/border-bottom-style:none;border-bottom-style:hidden;border-bottom-style:dotted;border-bottom-style:dashed;border-bottom-style:solid;border-b

weixin_33991418·2020-08-15 00:23

css-布局

css布局分为三种类型：流布局、浮动布局、层布局。流布局流布局是默认的网页布局，在流布局中，块状元素会按上下结构排列，因为块状元素宽度是100%，而内敛元素按左右方向排列。浮动布局.div1{float:right;}//元素向右浮动.div2{float:left;}//向左浮动.div3{float:none;}//不浮动浮动元素可以向左向右浮动，直到碰到边界或者另一个浮动元素的框，并且浮动元

Jzd_dev·2020-08-15 00:39

CSS-利用border属性画三角形和梯形

首先，看一下border的延申效果：定义一个正常显示的div.triangle{height:200px;width:300px;border-top:50pxsolidred;border-right:50pxsolidgreen;border-bottom:50pxsolidblack;border-left:50pxsolidyellow;}效果如图可以发现，border的延申效果是成梯形的

Huijie Xu·2020-08-14 23:53

CSS-圣杯布局、双飞翼布

三栏布局中，经典中的经典应该就是圣杯布局、双飞翼布局没跑了。先熟悉一下圣杯布局、双飞翼布局中的特点：两侧定宽，中间自适应主要内容优先渲染圣杯布局mainleftright(1)首先设置好.main、.left、.right的宽度并浮动，为左右两列预留出空间。.container{padding-left:200px;/*预留左侧空间，为.left宽度*/padding-right:300px;/*

_明么·2020-08-14 00:24

CSS- 利用bootstrap完善表格之内容过多

表格中td的内容过多，希望通过省略号来表示，当hover内容的时候，利用bootstraptip提示信息，展示出完整内容。Document.ellipsis-wrapper{display:block;width:200px;}.ellipsis-wrapper>a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:n

沙漠里的木木夕__GTT·2020-08-13 19:35

CSS-双下划线超链接样式

[html]好双下划线连接样式A.coolcss:link{CURSOR:hand;COLOR:#ff6633;BORDER-BOTTOM:1pxdotted#ff6633;FONT-FAMILY:Arial;TEXT-DECORATION:underline}A.coolcss:visited{CURSOR:hand;COLOR:#ff6633;BORDER-BOTTOM:1pxdotted#f

edzhh·2020-08-13 14:24

CSS-两栏布局

两栏布局（一侧固定宽度，一侧自适应），在工作中应该是经常使用到，可以说是前端基础了。然而在一次面试中，面试官：在纸上写出你能想到的两栏布局所有方式。我心想：这还不简单。仔细想了想...猝！话不多说，上菜！absolute+margin方式固定自适应.container{position:relative;}.sidebar{position:absolute;top:0;left:0;height

_明么·2020-08-12 21:41

HTML——13.css盒子模型-padding、border、margin、content

目录css-盒子模型1.padding内边距2.border边框3.margin外边距4.盒子模型简单示例：以下为上面的所有示例代码：css-盒子模型说到盒子模型，一定先看一张图1.padding内边距内边距

only_tao·2020-08-12 17:00

web初探-css-设置表格样式

设置表格的边框Border：设置表格边框；Border-collapse：设置边框分离，合并默认是separate(分离)collapse合并；Border-spacing：设置单元格的间距；Padding：设置单元格内容和边框之间的距离；设置表格的宽度Table-layout默认auto自动方式，根据单元格的内容自动调整宽度；Fixed固定方式表格宽度固定设置表格隔行换色直接上代码吧：.t1{b

哥兜兜里有泡泡糖·2020-08-12 16:56

CSS-设置表格样式

1、设置表格的边框Border：设置表格边框；Border-collapse：设置边框分离，合并默认是separate(分离)collapse合并；Border-spacing：设置单元格的间距；Padding：设置单元格内容和边框之间的距离；设置表格的边框.t{border:1pxgraysolid;border-spacing:0px;border-collapse:collapse;}.tt

Huibing Cheng不会编程·2020-08-12 15:44

详解vue2.0 不同屏幕适配及px与rem转换问题

.配置px2rem-loader这里是重要的一步~~在build文件中找到util.js，将px2rem-loader添加到cssLoaders中，如：constcssLoader={loader:'css

qq_25462315·2020-08-11 22:51

[原创] jQuery源码分析-13 CSS操作-CSS-样式表-jQuery.fn.css()

作者：nuysoft/高云QQ：47214707Email：[email protected]声明：本文为原创文章，如需转载，请注明来源并保留原文链接。jQuery源码分析系列（持续更新）样式表概述如何使用使用详解特性对应的实现原理源码分析.css(name,value)jQuery.style(elem,name,value,extra)jQuery.css(elem,name,extra)cu

weixin_34248118·2020-08-11 14:37

jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass

作者：nuysoft/高云QQ：47214707Email：[email protected]声明：本文为原创文章，如需转载，请注明来源并保留原文链接。jQuery源码分析系列（持续更新）类样式概述.addClass().removeClass().toggleClass().hasClass()jQuery提供了4个操作class的方法：jQuery.fn.extend({//...//为匹配的

fanhaifeng66·2020-08-11 11:54

css-表格的美化总结

先说最近遇到一个很麻烦而且蛋疼的事情，感觉最近老板有点吃错药了，把我调到数据库服务平台的项目，要我主要负责的是美化这个项目的界面（注：因为这个项目的界面确实是很丑，丑的要命），但是，蛋疼的事情来了，老板只是要我暂时修改一下表格，因为数据库服务的其中一个主要的功能就是数据的展示，一个表格有时候会有15列数据。但是我就纳闷了，整个界面丑得要命，只是修改一个表格就可以解决的，于是我微调了一下表格的每一个

Mr3-Water·2020-08-11 02:21

【HTML】超文本标记语言-语法规范day01

Web标准：HTML-结构，CSS-表现，JS-行为HTML本质是一个文件一：HTML语法规范：1、HTML标签是成对出现：2、标签关系：包含关系（父子关系）和并列关系二：HTML基本结构标签1、例子：

青瓷纸·2020-08-10 18:02

CSS-表单

文章目录1.输入框(input)样式2.输入框填充3.输入框(input)边框4.输入框(input)颜色5.输入框(input)聚焦6.输入框(input)图标7.带动画的搜索框8.文本框（textarea）样式9.下拉菜单（select）样式10.按钮样式1.输入框(input)样式使用width属性来设置输入框的宽度：input{width:100%;}全宽输入框:FirstName以上实例

Zz一半·2020-08-10 15:55

CSS-块级与行内转换

displaydiv{width:100px;height:100px;background-color:red;/*display:inline;*/display:inline-block;}span{width:100px;height:100px;background-color:blue;display:block;}hello|worldhelloworld

z_Ever1·2020-08-10 12:28

css-内联（行内）元素、块元素、margin、padding

http://hi.baidu.com/ate0611/blog/item/a7d39d134ab6eb085aaf538c.html此文章转载自百度，纯属个人学习之用~~~~block元素的特点：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度。,,,,和是块元素的例子。inline元素的特点：和其他元素都在一行上；高，行高及顶和底边距不可改变；

yunduanman·2020-08-10 12:51

CSS-行内元素(inline-level)

行内元素(inline-level)行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。常见的行内元素有、、、、、、、、、等，其中标签最典型的行内元素。行内元素的特点：（1）和相邻行内元素在一行上。（2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。（3）默认宽度就是它本身

hello_yqq·2020-08-10 11:23

Vue学习篇-4、webpack 中加载器的使用--打包各类文件

module.exports->module->rules数组中，添加loader规则如下：//所有第三方文件模块的匹配规则module:{rules:[{test:/\.css$/,use:['style-loader','css

Code P·2020-08-10 10:43

css-内联（行内）元素、块元素

block元素的特点：总是在新行上开始；此元素将显示为块级元素，此元素前后会带有换行符。高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度。可以控制宽高。,,,,和是块元素的例子。inline元素的特点：和其他元素都在一行上；默认。此元素会被显示为内联元素，元素前后没有换行符。高，行高及顶和底边距不可改变；行内元素，不能定义自己的宽和高。如果需要设置高度，可以通过行高

hhy62011980·2020-08-10 09:50

html基础操作

课程：B站JavaWeb广陵散1、html的简介HyperTextMarkupLanguage：超文本标记语言。

hancoder·2020-08-10 09:14

CSS盒模型知识整理与理解（1）--- 基本概念

CSS-盒模型知识整理与理解：CSS盒模型知识整理与理解（1）---基本概念CSS盒模型知识整理与理解（2）---边距重叠问题详解CSS-盒模型知识整理与理解（3）---BFC详解CSS盒模型知识整理与理解

Yuval Zhong·2020-08-10 03:29

css-列表样式

列表属性值效果list-style简写属性。用于把所有用于列表的属性设置于一个声明中。list-style-image将图象设置为列表项标志。list-style-position设置列表中列表项标志的位置。list-style-type设置列表项标志的类型。list-style-typeul.circle{list-style-type:circle;}//空心圆ul.disc{list-sty

Jzd_dev·2020-08-10 02:13

推荐频道

CSS-广陵散