CSS-广陵散

2019最美丽的一场雪

古代中国最美的音乐广陵散，自嵇康去后绝矣，世人再难闻听；最美的法书作品兰亭序，自唐太宗殁后，随其埋入地下，世人再难赏鉴。
清水一滴·2019-02-11 14:19

2019最美丽的一场雪

古代中国最美的音乐广陵散，自嵇康去后绝矣，世人再难闻听；最美的法书作品兰亭序，自唐太宗殁后，随其埋入地下，世人再难赏鉴。
清水一滴·2019-02-11 14:19

css-滚动条样式修改

先上属性说明::-webkit-scrollbar{}/*整体样式*/::-webkit-scrollbar-track{}/*轨道*/::-webkit-scrollbar-thumb{}/*滑块*/::-webkit-scrollbar-button{}/*两端小方块*/::-webkit-scrollbar-track-piece{}/*不包含滑块的轨道区*/::-webkit-scroll
callPromise·2019-01-30 16:04

广陵散绝，余情犹在一一记嵇康与山涛

竹中七子有相同的爱好，至少都能喝，但活法全然不一，出仕司马府的山涛想推荐嵇康接班，没想到接了一封信，就是千古流传下来的《与山巨源绝交书》。嵇康写到：“夫人之相知，贵识其天性，因而济之”，相识相知，纵不能相亲相爱，也要相互体谅，不要强人所难才好，这才是真正的朋友。所以如果做不到这点，那不妨从此大路朝天，各走一方了。他们俩的友谊小船就此翻了。不过，有时绝诀是为了延续，促膝相谈不如隔空神往。太特立独行的
闻香亭·2019-01-28 22:46

CSS-蜂窝状展示区域（多个六边形）的一种实现方式

网上已经有很多关于正六边形的CSS画法，主要是利用一个矩形和前后的两个三角形组合而成。之前在看四维图新的官网的时候，发现了一种六边形的画法，比较适合多排六边形组合成蜂窝状的展示区域（注：四维图新现在改成了上面说的那种画法了）。示意图：1、HTML结构1234567891011121314151617181920每个li里包着.hex和.hexIn。.hexIn是内容区，.hex是一个菱形切割区，将
ZhangCui·2019-01-21 17:00

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

媒体查询创建一个服务器永远不要用file协议。npmi-ghttp-server之后在文件夹下运行http-server-c-1电脑、纸张、都是媒体，媒体查询就是对你的媒体进行条件的查询。例子：如果某个媒体宽度在0-800之间，就应用body样式。满足条件就生效，不满足条件就不生效。media的语法：@media(max-width:800px){body{background:red;}}代码示
学的会的前端·2019-01-15 13:17

CSS-浏览器兼容

浏览器兼容问题产生的原因同一产品，版本越老，bug越多。同一产品，版本越新，功能越多。不同产品，不同标准，不同实现方式。相关网站浏览器市场份额统计cansiuse.com：查看css属性兼容browserhacks：查Hack的写法处理兼容问题的思路：要不要做产品的角度（产品的受众、受众的浏览器比例，效果优先还是基本功能优先）成本的角度做到什么程度让哪些浏览器支持如何做根据兼容需求选择技术框架/库
学的会的前端·2019-01-15 13:06

笑不停

春去秋又来花开几度生新柳拂风柳新生枯叶犹记叶枯荣独向天地探究竟三千世界婆娑冥望苍穹，山映霞晖育神明匍大地，生机绿水乐无穷乾坤妙中生繁星为灯韬光晦大地作被眠无声潮起潮又落花落任平生微尘了断尘微怯曲高难和高曲凌笑纳跌荡人世事傲享彼岸四季英一念生，仰啸竹林飞鸟尽一念灭，广陵散绝曲终声花鸟笑不停尘事伴饮今朝酒明日抖擞踏歌行
邵英泰·2019-01-09 10:50

day2-表单和css基础

1.回顾1.1.web标准结构标准-html-决定网页中的内容表现标准-css-决定网页中的内容的布局的样式行为标准-javascript-决定网页中的内容的变化1.2.html的语言基础h5(狭义)-
领带衬有黄金·2018-12-04 19:10

广陵散客——嵇康

题文诗目送归鸿，手挥五弦，俯仰自得，游心太玄，喜彼钓叟，得鱼忘筌。流俗难悟，逐物不还，至人远鉴，归之自然。琴诗自乐，远游可珍，含道独往，弃志遗身。长寄灵岳，怡志养神。形恃神立，神须形存。清虚静泰，少私寡欲。守之以一，养之以和。绥以五弦，无为自得。越名任心，是非无措。一、越名教而任自然嵇康，字叔夜，因做过曹魏政权的中散大夫，也称嵇中散。公元224年，嵇康出生于谯郡钅至县(今安徽宿县)一个儒学世家。他
琴诗书画·2018-11-30 10:37

css-水平垂直居中布局

第一种---定位.parent{width:800px;height:500px;border:2pxsolid#000;position:relative;}.child{width:200px;height:200px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;background-color:red;}第二种---
墨_梵·2018-11-05 13:05

css-左右布局

一、左边固定，右边自适应的布局1、左边左浮动，右边加个overflow:hidden;#lt{float:left;width:200px;background:#ff0;}#rt{overflow:hidden;background:#f0f;}2.左边左浮动，右边加个margin-left;#lt{float:left;width:200px;background:#ff0;}#rt{marg
墨_梵·2018-11-05 13:05

css-特殊布局

作业：上下页切换布局，设置外边距margin的值和内边距的值，在div盒子里面添加列表ul，里层包含li，并且每个按钮都是可以点击和链接的，就还要有a标签，如果没有想好填写的链接可以用“#”代替。最下面效果图还有一个边框线，也就是border，代码中的写法是合并在一起了，多种样式合在一个border中（边框线的大小，颜色）；float浮动。大体结构：div>ul>(li>a)*10特殊布局*{ma
杰伊_约翰·2018-10-24 20:15

Css-常用css初始化

/*PC初始化*/*{padding:0;margin:0;border:0;}body,html{width:100%;height:100%;min-width:1024px;}body{font-size:14px;font-family:"微软雅黑";}ul,li{list-style:none;}input,button,select{outline:none;}input,button
YanEr、·2018-10-09 16:00

Css-常用css

/*怪异盒子模型*/.box{box-sizing:border-box;}/*水平居中的内联块级*/.inBlock{display:inline-block;vertical-align:middle;}/*添加在元素上，用于其子元素inline-block时，解决元素间的间距问题*/.fs0{font-size:0;}/*单行文本超出显示省略号*/.ellipsis{overflow:hid
YanEr、·2018-10-09 16:00

面试CSS-两侧固定宽度，中间自适应的三列布局

1.圣杯布局（圣杯布局的的原理是利用margin的负值的特性来实现的。）注：布局中间部分一定要放在前面，左右顺序不限制。对于left块的margin负值一定要等于wrap的宽度。主要步骤如下：在center块外层添加一个div，并设置左浮，以及宽度（这个宽度要与left块的margin-left相匹配），center块设置左右的margin，margin-left要与left块的宽度相等，marg
Auroraone·2018-10-06 23:29

咏古典十大名曲（其四）

广陵散（新韵）吞炭漆身自毁容，复仇聂政入寒宫。嵇康不授广陵散，惟怨时人志不同。（备注：广陵散为曲名，难以合乎平仄）
白云之外·2018-10-02 14:06

太吾绘卷村子布局规划 产业建筑解锁条件一览

产业建筑解锁条件一览：书籍建筑功能条件音律蔡氏五弄乐坊银钱为主琴舍月论知音园吸引对应人才琴舍胡笳十八拍百戏园较多威望琴舍乐府杂录仙境减少对应修习历练琴舍长春涧碣石调·幽兰移情居较少对应突破历练琴舍水域广陵散凤
佚名·2018-09-25 14:23

CSS-盒子模型

下面这个图很好的解释了两种盒子模型。image.png可以看到，在设置width的时候，标准的盒子模型是不包括border和padding的，而在IE浏览器中是包括这两项的。borderborder:widthstylecolorstyle属性none没有边框solid边框为实线dashed边框为虚线dotted边框为点线double边框为双实线表格的细线边框合并：border-collapse:
哎呦呦胖子斌·2018-09-09 12:55

桌面浏览器上的 viewport

在阅读本文之前，先需要了解设备像素、设备独立像素、CSS-像素。viewport是浏览器视口，代表浏览器的可视区域，也就是浏览器中用来显示网页的那部分区域。
_于曼丽_·2018-08-22 20:52

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

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

CSS-标准盒模型 & 怪异盒模型

CSS中Boxmodel分类CSS中Boxmodel是分为两种::W3C标准和IE标准盒子模型。大多数浏览器采用W3C标准模型，而IE中则采用Microsoft自己的标准。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。当不对doctype进行定义时，会触发怪异模式。在标准模式下，一个块的总宽度=width+margin(左右)+paddi
djjj123456789·2018-07-19 22:09

精通CSS-高级web标准解决方案（第2版）--读书笔记03--背景图像效果

第四章背景图像效果4.1背景图像基础body{background:#cccurl(./picture.jpg)repeat-xleftcenter;}背景图像应用：作为背景应用于主体等元素url()为图片地址repeat（平铺）:-x(水平）-y（垂直）no-（不平铺）background-position（图片位置）：用关键字：leftcenter（图像定位在元素的左边并垂直居中）bottom
DurianPudding·2018-07-16 22:31

精通CSS-高级web标准解决方案（第2版）--读书笔记02

2.3高级选择器（接读书笔记01）1、层叠层叠给每个规则分配一个重要度，重要次序如下：标有！important的用户样式标有！important的作者样式作者样式用户样式浏览器/用户代理应用的样式2、特殊性规则的特殊性由选择器的数字值之和计算。总结如下：用style属性编写的规则总是>>>>其他规则具有ID选择器的规则>>>>无ID选择器的规则具有类选择器的规则>>>>只有类选择器的规则若两个规则
DurianPudding·2018-07-16 10:46

hadoop02--大数据简介&hadoop简介和伪分布式、完全分布式集群搭建

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

精通CSS-高级web标准解决方案（第2版）--读书笔记01

第一章基础知识1、ID还是类·只有在目标元素非常独特，绝不会对网站上其他地方别的东西使用这个名称时，才会使用ID。·告别“多类症”：不需要用许多类来区分各个元素，可以用“组件化”放在一个部分中，加一个类名。用“层叠”来识别里层部分。2、div和span·告别“多div症”：为了将不必要的标记减少到最少，应该只在“没有元素能够实现区域分割”的情况下使用div元素。例如：若使用主导航列表，就不需要用d
DurianPudding·2018-07-13 16:19

如何彻底摆脱建站技术方面的困扰？

站长学习之路(这里很重要)html->css->javascript->jquery->php->sql只需要学习基础用法和站长必要的部分,大家只需要学习我下面指出来的这些地方就好了,多余的东西不需要浪费时间去学
c3212254·2018-06-25 16:52

CSS-居中布局

html结构：DEMOcss代码：水平居中inline-block+text-align.parent{text-align:center;}.child{display:inline-block;}table+margin.child{display:table;margin:0auto;}absolute+transform.parent{position:relative;}.child{p
Crisyhuang·2018-06-22 09:08

CSS-多列布局

html结构：leftrightrightcss代码：定宽+自适应float+margin.left{float:left;width:100px;}.right{margin-left:120px;}float+overflow.left{float:left;width:100px;margin-right:20px;}.right{overflow:hidden;}table.parent{
Crisyhuang·2018-06-22 09:02

css-图片旋转木马3D效果

参考博客：张鑫旭我们先来看一下效果：还不错咯，这个主要是利用了css3里面的transform属性。简单介绍一下。总共分成3层，外层div是舞台设置perspective属性，里层div是容器开启transform-style:preserve-3d;我们给里层div里面放入6张图片，然后设置position:absolute,定位到底部。6张图片围成一圈（360度），那么每张图片沿Y方向旋转60
wust_cyl·2018-05-28 00:23

css-实现文字两侧加居中横线的简单方法

利用flex布局实现。1、html代码：Friday2、css样式：.lines{text-align:center;line-height:30px;display:flex;}.lines.line{width:1300px;/*要先给出宽度*/border-top:2pxdashed#7965ef;margin-top:15px;/*line-height的一半*/}.lines#font{
kwinnnn·2018-05-11 21:55

义薄云天

然而，嵇康无悔，临刑前还从容地抚琴一曲，只表示为《广陵散》的失传而遗憾。相比之下，向秀似乎有些不够意思。他写了一篇《思旧赋》，只写了寥寥三百余字，“刚开了头，就煞了尾”。赋可是讲究铺排的啊！
二班班·2018-05-11 14:21

css-图片按钮

1、使用button2、css样式图片尺寸：440px×586px要先定义按钮大小：width:220px;height:220px;#but1{border:0;width:220px;height:220px;background:url(http://img.hb.aicdn.com/1e4611a6d81235f8e3d4a08e2a971598eed7123eae89-g2dIl2_fw
kwinnnn·2018-05-10 16:46

css-实现鼠标移至图片上显示遮罩层

1、将遮罩层html代码与图片放在一个div我是放在.img_div里。APictureoffood2、为图片及遮罩层添加样式图片：relative遮罩层：absolute使两者样式重合。鼠标不在图片上时，遮罩层不显示.mask{opacity:0;}。.img_div{margin:20px400px0400px;position:relative;width:531px;height:354p
kwinnnn·2018-05-09 20:37

巴赫与嵇康

一个是西方琴圣一个是东方琴圣一部《哥德堡》变奏双螺旋密码一曲《广陵散》对位女娲伏羲图诗琴出于龟壳里洛书出于龟壳外谁发明了黄金分割？谁发明了勾股定律？
嘻哈哲学·2018-05-02 18:04

来日不方长

嵇康在死前感慨：袁孝尼一直想学习《广陵散》，我以为来日方长，一直执意不肯教他，而今我这一走，《广陵散》从此绝矣。我们以为很牢靠的事情，在无常中可能一瞬间就永远消逝了。
养猫人依若·2018-04-25 14:48

css-背景图设置大小单位可以是百分比，或者px

前言：之前只用了background-size的百分比单位，用px单位不会失真，看项目具体情况了css.box{width:300px;height:300px;border:1pxsolid#ddd;}.imgbox{width:100%;height:100%;background:url(0.png)no-repeat10px10px;background-size:280px;}html效
dongsdh·2018-04-04 11:42

css-样式初始化

阅读更多在网站编写的时候，由于许多的标签会有默认存在的样式，比如P标签的外边距，a标签的下划线等等，通常我们会把这些默认样式去除，以免在后面的编写中造成诸多的不变。1、拥有默认内外边距的标签有些人会图省事，清除内外边距直接用*{margin:0;padding:0;}，这样子写，在项目很小的时候，你会感觉没什么，一旦项目大了以后，再这么写将会及其消耗网站的加性能，降低网站加载速度。所以我们要了解哪
青春..荒唐·2018-03-29 07:00

css-样式初始化

阅读更多在网站编写的时候，由于许多的标签会有默认存在的样式，比如P标签的外边距，a标签的下划线等等，通常我们会把这些默认样式去除，以免在后面的编写中造成诸多的不变。1、拥有默认内外边距的标签有些人会图省事，清除内外边距直接用*{margin:0;padding:0;}，这样子写，在项目很小的时候，你会感觉没什么，一旦项目大了以后，再这么写将会及其消耗网站的加性能，降低网站加载速度。所以我们要了解哪
青春..荒唐·2018-03-29 07:00

HTML5之CSS-网页文本美化-文本样式

1.前言上篇文章，仅仅是介绍了CSS是如何设置字符本身的，font-style/font-weight/font-variant/font-famaliy/font-size.这篇文章是介绍如何设置文字的布局的。css使用text-xx||font-xx来区分是设置文本还是设置字体。2.文本样式只需要明确一点，文本样式是针对整篇文章的布局。2.1文本是如何对齐的？-水平方向text-align:l
Insecurity·2018-03-25 14:46

余阳向晚

振翅的孤鸟身披霞光，似隐若现，是谁在奏一曲绝世的《广陵散》？
遇见季风·2018-02-28 21:03

css

css基础css选择器css常见样式1css常见样式2CSS布局上CSS布局下flex布局塔防小游戏flex布局青蛙小游戏浏览器兼容CSS-编码规范CSS-垂直居中CSS-伪类伪元素CSS浮动CSS定位
饥人谷_流水·2018-02-05 21:44

CSS-左边定宽，右边自适应布局方案

1.左边设置左浮动，右边宽度设置为100%.left{float:left;}.right{width:100%;}2.左边设置左浮动，右边设置margin-left.left{float:left;}.right{margin-left:200px;}3.左边设置左浮动，右边设置右浮动+calc.left{float:left;}.right{width:calc(100vw-200px);//
Duan_L·2018-02-05 16:19

琴诗选读之《四言赠兄秀才入军诗（其十四）》

其留下的"广陵绝响"的典故被后世传为佳话，《广陵散》更是成为十大古琴曲之一，并著有《琴赋》。四言赠兄秀才入军诗(十四)1息徒兰圃2，秣马华山3。流磻平皋4，垂纶长川5。目送归鸿，手挥五弦6。
娑婆子·2018-01-31 16:33

他每日负手游走于街头，口里衔着根杂草，醉了就在太阳下敞着肚皮而息，待天黑了，才摇晃着身子归家。在这个小混混心里，一样充斥着“老子自有一番天地”的开阔气度，一样逍遥自在，一样侠肝义胆，见不平便拔刀而见，有穷困人流落街头而把酒钱省了丢去。

盖九天揽月写广陵散诀孩
深夜笔厨·2018-01-14 00:24

（团圆）广陵散

听完师父送别的这半首《广陵散》，自己也将下山。南疆的烽火已燃，烧得百姓无安宁，而世国的军队却迟迟不发，武林中谣言四起，师哥风宏就是为此事同克萧远去京城。
洞庭青草·2018-01-05 22:45

红颜落

斜阳下，红颜靠窗抚琴，一曲《广陵散》弹得一气呵成，浑然忘我，丝毫未察觉母亲来到房中。“颜儿的琴艺又长进了。”叶夫人叹道，眉宇滑过一丝忧伤。支起桌上的铜镜为红颜细细梳妆。
十三覃·2017-12-28 23:18

CSS- 横向和纵向时间轴

转自：https://www.cnblogs.com/xiaofeixiang/p/5036154.html简单的实现了一下横向和纵向时间轴，可以简单的看下一下实现的效果:Html代码:原文地址:http://www.cnblogs.com/xiaofeixiang/成立合作发展共赢1keso2FlyElephant3博客园4创业CSS样式:/*横向时间轴*/.time-horizontal{li
inuyasha1121·2017-12-25 09:49

诗苑咀华：《秋日的苦闷》组诗三首

广陵散，绝响余千年。悠悠此恨，恨成九曲十八滩。（二）秋风乱，枫叶红遍。谁懂思念的蔓延？一叶一片，醉染香山。（三）水乡江南，苦雨绵绵。你等的故人不来，你等的白蛇不见。
百万传说·2017-12-17 17:28

CSS-清除浮动

什么是CSS清除浮动？当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。引用W3C的例子，news容器没有包围浮动的元素。.news{background-color:gra
chenxianru1·2017-12-13 14:15
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他