CSS-广陵散第13页

CSS-圣杯布局

圣杯布局本质上是利用了浮动+padding+relative定位+margin负值。要实现圣杯布局，要理解以下几个步骤。步骤一：定义一个父容器div,其中包含了圣杯布局中的中间栏的div,将父div设置padding,padding-left设置为左栏的宽度，padding-right设置右边栏的宽度。则父元素剩下的可供子元素使用的宽度为父元素总宽度-padding-left-padding-ri

u014695894·2020-06-27 09:46

CSS－基础选择器详述

CSS的语法规则由两个主要的部分构成：CSS选择器（selector），以及一条或多条声明（declaration），如下：selector{declaration1;declaration2;...declarationN}选择器标明了我们要操作的HTML元素。每个声明用分号隔开，最后一个声明不用。而每一个声明由一个属性名和一个值组成。属性名和值被冒号分开。如下：selector{propert

葶寳寳·2020-06-26 17:17

vue(2) - 收藏集 - 掘金

在javascript中类似这样...平时自己项目中用到的CSS-掘金css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，

大灰狼的小绵羊哥哥·2020-06-26 10:42

CSS-过渡transition

语法格式：transition：要过渡的属性花费的时间运动曲线何时开始；一般将transition属性设置在元素上，而不是设置在触发过渡发生的事件上；前面两个属性是必须要写的，后面两个属性可以不写，分别默认为ease和0s；可以设置多个属性，只要在后面直接加“,”进行分隔即可；如果想要所有的属性做相同的过渡变化，只要设置transition：all花费的时间。image.pngimage.png

哎呦呦胖子斌·2020-06-26 09:18

css-背景设置

css-背景设置背景设置background:background-color:背景颜色设置background-image:url()背景图片设置background-repeat:repeat-x|

胡自鲜·2020-06-26 05:50

竹林七贤歌

阮籍妻亡罢哀怨，嵇康临终广陵散。山涛大度容绝交，向秀高远铸铁钎。刘伶狂饮傲天地，更有王戎和阮咸。竹林七贤俱潇洒，七贤竹林尽欢宴。阮籍天生品行高，孙登大师震天啸。欢喜何须借言语，悲怆岂必凭哭嚎。

流沙sky·2020-06-25 11:09

CSS-文字效果

1.1、自定义字体:使用@font-face自定义字体@font-face{font-family:xujinglei;src:url('xujinglei.ttf'),url('xujinglei.eot');/*IE9+*/}div{font-family:xujinglei;font-size:18px;}这段文字使用的是徐静蕾字体。这段文字使用的是默认字体。1.2、段落首字符下沉、缩进及特

qq_36631168·2020-06-25 11:51

CSS-边框效果

2.1、border-image Border-image *{margin:0;padding:0;} div{ width:300px; padding:9px; /*padding:40px;*/ /*border-image:url(img/2.png)26262626/10repeatround;*/ -o-border-image:url(img/1.pn

qq_36631168·2020-06-25 11:51

vue全家桶+element-UI搭建后台管理系统（2）“:引入基本样式和图标库”

1、在想assets文件下，新建css,images,js文件，用来存放公用文件在css->normalize.css/*!

big bug·2020-06-25 05:51

CSS-网页字体缩放样式-webkit-text-size-adjust的用法详解

1、当样式表里font-size<12px时，中文版chrome浏览器里字体显示仍为12px，这时可以用html{-webkit-text-size-adjust:none;}2、-webkit-text-size-adjust放在body上会导致页面缩放失效3、body会继承定义在html的样式4、用-webkit-text-size-adjust不要定义成可继承的或全局的苹果移动设备上会识别，

VeraJy_bupt·2020-06-25 01:18

CSS-合理使用z-index控制盒子视轴高度，解决z-index失效

写在前面，如果你只关心正文请跳过这部分。我关于css的博客很少，首先是没有什么写静态页面的需求，其次是css总是给我一种“不可控”的感觉。比如，我写过仿知乎首页的静态页面，当时完全不知道为什么这个块“跑掉了”，就不停测试给跑掉的块加各种样式，“杀手锏”就是absolute和z-index——x轴、y轴位置不对我就调left、top值，z轴（视轴，或者说哪个块在上面，可以直接看到）不对我就调z-in

柒青衿·2020-06-24 22:59

css-盒模型

IE盒模型和W3C盒模型有什么区别?35d2341985de02d88487842224ba9a35c9ff6b66.gif(/uploads/default/original/1X/35d2341985de02d88487842224ba9a35c9ff6b66.gif)在内容区外面，依次围绕着padding区，border区，margin区，这一模型结构在所有主流浏览器都是一致的。通过盒子模型

愁容_骑士·2020-06-24 18:15

CSS-多列布局1-概述

1、多列布局概述通过CSS3，您能够创建多个列来对文本进行布局-就像报纸那样！2、常用属性属性版本描述columnsCSS3设置或检索对象的列数和每列的宽度。复合属性column-widthCSS3设置或检索对象每列的宽度column-countCSS3设置或检索对象的列数column-gapCSS3设置或检索对象的列与列之间的间隙column-ruleCSS3设置或检索对象的列与列之间的边框。复

Java小工匠·2020-06-24 14:39

07 CSS-相对定位、绝对定位、固定定位、z-index

定位有三种，分别是相对定位、绝对定位、固定定位。1、相对定位：position:relative;2、绝对定位：position:absolute;3、固定定位：position:fixed;4、关于z-index1、相对定位：position:relative;1.1相对定位介绍相对定位，就是微调元素位置的。让元素相对自己原来的位置，进行位置调整。如果一个盒子想进行位置调整，那么就要使用相对定位

喝着绿茶的猫·2020-06-24 10:21

竹无颜

陈浩东千纸过阑琴笛声未倦入语轴扇勾尽意缱绻你眼波流转秋水欲过川春枝点凋褪了色黯淡风餐露水衣衿薄短寒蝉知流年相见更腼腆写一人形单何添箫瑟来作叹偏只赋这韶光贱图片发自App闺恙缠眠一绺青丝垂绾如一面竟输对她思念生愧惭难免复一曲悲怆广陵散从此饭不安拂墀珊珊闺恙缠眠一盏枯灯过半血一碗才闻君步慢慢捎一声轻唤挽一绝山花的烂

印中仙人陳雪溶·2020-06-24 06:55

CSS-实现全等四宫格的方案【Collection】

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

UolCano·2020-06-24 06:24

网易云课堂前端学习-CSS-布局-display、position、float、flex

display页面布局，有值：block默认父元素宽度，可设置宽高，换行显示有divph1-h6ulform等inline默认内容宽度，不可设置宽高，同行显示有spanalabelciteem等inline-block默认内容宽度，可设置宽高，同行显示，整块换行有inputtextareaselectbutton等none设置元素不显示，不占高度（与visibility:hidden的区别，hid

惡魔企鵝·2020-06-23 08:23

css-标准盒模型和怪异盒模型

盒子模型定义网页设计中常听的属性名：内容(content)、内边距(padding)、边框(border)、外边距(margin)，CSS盒子模型都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模型。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。对于是盒子的元素，如果没有特殊设置，其默认总是占独立的一行，宽度为浏览器窗口的宽度，

fightingcoder419·2020-06-23 08:18

没有诗人的国度

这是一个没有诗人的国度也许曾经她是有诗人的她依稀记得第一首史诗一个女子创世天地玄黄子为殷商曾经她是有诗人的她依稀记得谁在江畔行吟汨罗江畔美人迟暮香草芬芳谁在穷途末路长歌当哭谁的广陵散唱绝千古谁把横眉穿心倏忽廿载思君清泪如铅水谁是雪域最大的王世间最美的情郎谁的孤独天下无双谁清醒着佯狂谁在山海关同世人诀别面朝大海春暖花开后来她没有诗人了也许诗人注定了悲剧预约了死亡她摊开手掌掌纹是山河的走向指尖划过历史

简微柠Jean·2020-06-23 04:52

CSS-鼠标移入一个标签改变另外一个标签的样式

鼠标移入改变样式，纯用CSS写应该要用到伪类hover格式为.ClassA：hover｛｝想做一个鼠标移入到一个标签改变另外一个个标签样式的模型原先想的是：.ClassA：hover.ClassB｛｝发现没有效果，得知这种写法只能作用于鼠标所经过标签的自身或者往下有血缘关系的标签的样式。继续发掘hover用法发现.ClassA：hover+.ClassB｛｝这样可以改变拥有兄弟关系的元素样式。如果

dengji1882·2020-06-23 03:09

页面简单布局之结构与表现原则

一般页面如下文件分别代表着不同的意义：HTML->结构CSS->表现ｊａｖａｓｃｒｉｐｔ->行为我们可以理解HTML是房子建造的结构或框架图。而CSS则是我们看到的预期的建造好的房子，它附有表现力。

绿足·2020-06-22 22:16

无标题文章

[TOC]##为什么要学习Sass和Compass###简单一来说，主要目标：-使用Sass和compass可以写出更加优秀的CSS-可以解决CSS编写过程中的一些痛点问题，如精灵图合成sprite等-

夏想年·2020-06-22 18:22

佳人赋

花海之中那一瞥羞怯百花退惊鸿一现你的美沉鱼落雁归朱砂帐中暗描眉眉轻皱为谁青丝乱徒留伊人独憔悴风流散尽夜风寐文成谁回味此生不悔素笺悲闭月羞花泪天涯路望断几人回情字无锋却惹世人心碎昔北方有佳人遗世而独立叹一笑倾人城再顾倾人国宁不知倾城与倾国又如何叹只叹佳人难再得玉冰眸肌似雪浅笑如明月千杯尽痴笑谈折柳伤离别霓裳曲广陵散曲未终人已散佳人千年叹

笑靥师·2020-06-22 13:03

web前端 --- CSS上篇

CSS：css-引入方式css-选择器高级选择器属性选择器伪类选择器伪元素选择器css-继承性和层叠性层叠性权重相同处理css-盒模型padding（内边距）border（边框）margin（外边距）css

aijiaolao2823·2020-06-22 13:09

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

在html文档中，每个渲染在页面中的标签都是一个个盒子模型。盒子模型又分为：W3C标准的盒子模型和IE标准的盒子模型。由于目前大部分主流的浏览器支持的是W3C标准盒模型（标准盒模型），也有保留对怪异盒子样式的解析，当然IE沿用的是自己标准的盒模型（怪异盒子模型）用两个简单的例子分别介绍下这两个盒子模型：标准盒模型：.box1{width:200px;height:200px;background-

Neokekeke·2020-06-22 02:54

豆豆-day18-99%的人不知道的历史真相

他不仅精通音律（传说与名曲《广陵散》并称的《长河吟》就是周瑜所作），而且弹得一手好琴，就算是酒过三巡，也能精准地辨听出乐曲的阙误，回头予以指点。于是民间流传一句话：“琴

荷兰豆儿·2020-06-21 21:39

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

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

DurianPudding·2020-06-21 19:50

CSS-弹性布局3-伸缩属性

5、项目的属性属性值说明order该属性定义项目的排列顺序，数值越小，排序越靠前，默认为0flex-grow该属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。flex-shrink该属性定义了项目的缩写比例，默认为1，记如果容器空间不足，则该项目将缩小flex-basis该属性定义了在分配多余空间之前，项目占据的主轴空间，默认为auto，即项目本来的大小flex该属性是flex-g

Java小工匠·2020-06-21 13:12

你需掌握的CSS知识都在这了（长文建议收藏）

关注JavaScript，提升前端技能，本文相关推荐：55个提高你CSS开发效率的必备片段CSS-::before和::afterCSS故障艺术从原型图到成品:步步深入CSS布局CSS实现一个粒子动效的按钮我写

JavaScript_w·2020-06-21 09:14

CSS－行内框、行框、行高

内容区顶线和底线包含的区域行内框每个行内元素会生成一个行内框，行内框是一个浏览器渲染模型中的一个概念，无法显示出来，在没有其他因素影响的时候（padding等），行内框等于内容区域。设定行高时行内框高度不变，半行距分别增加/减少到行框的上下两边。简单说来，行内框就是行内元素的边框。行框行框是指本行的一个虚拟的矩形框，是浏览器渲染模式中的一个概念，并没有实际显示。行框高度等于本行内所有元素中行内框最

tsyeyuanfeng·2020-06-21 06:43

CSS-定位模式

定位模式首先我们先做个一个box嵌套2个box的模型代码test.con{width:400px;height:400px;border:1pxsolid#000;margin:50pxauto0;}.box1,.box2{width:300px;height:100px;margin:10px;}.box1{background-color:green;}.box2{background-col

胸毛君·2020-06-17 12:00

CSS-布局

布局一：绝对定位/相对定位布局二：浮动布局三：显示方式布局四：居中绝对定位/相对定位Inserttitleherep.abs{/*相对定位*/position:relative;left:150px;top:50px;}/*绝对定位*/p.cds{position:absolute;left:50px;top:50px;}相对定位绝对定位浮动Inserttitlehere#right{border

通灵路耳·2020-06-16 15:18

欣赏一个人，始于颜值，敬于才华，久于人品，终于慈悲

回复【早安】送你一张专属祝福卡片文|有书不雨亦潇潇·主播|阿成有书君说《广陵散》是中国古琴名曲，现已失传。三国时魏晋年间，著名的思想家、文学家、音乐家嵇康被司马昭所害。

有书·2020-06-07 00:00

前端学习之css-元素的显示与隐藏(display、visibility、overflow)

1.display显示display：设置或检索对象元素是否及如何显示。display:none隐藏对象display:block转为块级元素、显示元素特点:如下图所示，隐藏之后,不再保留位置。2.visibility可见性visibility：设置或检索对象是否显示。visibility:visible显示visibility:hidden隐藏特点:如下图所示，隐藏之后,继续保留原有位置。3.o

Endless Daydream233·2020-05-31 18:36

css-响应式布局

响应式布局布局会根据屏幕宽度进行调整1.应用在pc端当检测到用户的屏幕分辨率较小，比如小于1280px，内容区域为990px；当用户屏幕分辨率较大，比如大于1420px，内容区域为1109px；这个变化不需要程序员调整，程序自动使用2.应用在移动设备中（mobile）手机端网页会使用终端设备，并且占满整个屏幕手机的像素及宽度大不相同iphone华为小米方案1，2结合的大型电商及体量较大的网站会使用

王超·2020-05-28 00:11

css-伸缩盒布局

伸缩盒布局（css3）1.网页分类1）固定内容宽度（wrapperwidth:1090px）淘宝，网易严选2）内容宽度自适应（响应式）腾讯视频、爱奇艺3）完全响应式H5网页【伸缩盒】微信打开的网页都属于完全响应式一般应用于响应式布局2.概念主轴：伸缩盒元素排列的轴交叉轴：与主轴垂直的轴伸缩盒元素沿着主轴排列，默认情况下，伸缩盒元素在交叉轴上的距离是100%，在主轴的距离由内容决定3.应用伸缩盒容器

王超·2020-05-28 00:11

css-定位布局

定位布局定位元素的特点：1.【绝对定位、固定定位】脱离文档流(1.宽高如果没有指定，由其内容决定；2.元素脱了文档流后不占据屏幕空间，其下面的块元素就会顶上来)2.所有定位元素都可以使用如下属性left/right/bottom/top3.position的取值决定了相对点position:static;(非定位元素)position:relative;相对定位元素不脱离文档流相对于其当前所在位置

王超·2020-05-28 00:14

css-规则

1)字体规则(可以被继承)font-family'MicrosoftYaHei',宋体font-style:font-weight:font-size:line-height:font:boldnormal14px/1.5em'微软雅黑'em相对单位，相对于当前元素的字体大小helloworldrem相对单位，相对于body中声明的字体大小body{font-size:10px}helloworl

王超·2020-05-28 00:14

css-动画、过渡、变形

！importantGithub中上了10k的都是优秀的框架动画flashjscss3高效，在可以使用css3完成动画的时候绝对不使用js1.动画定义-交给专业的人来做运行方式【关键帧】@keyframesmove(动画名称){from{left:0;}to{left:90%;}}@keyframesmove(动画名称){0{left:0;}30%{left:90%;}50%{}100%{}}2.

王超·2020-05-27 16:13

竹林七贤—嵇康之死

嵇康之死《世说新语》雅量第六2嵇中散临刑东市，神气不变，索琴弹之，奏《广陵散》。曲终，曰：“袁孝尼尝请学此散，吾靳固不与，《广陵散》于今绝矣！”太学生三千人上书，请以为师，不许。文王亦寻悔焉。

神了天·2020-04-14 07:56

音乐会

好像古琴曲更有名的是《广陵散》。小妞听着听着睡意朦胧，不得不在节目间隙离开场地，错过了扬州弹词。在外面看了会儿电视直播，真是一句都听不懂啊。评话虽说也是用方言，但好

卜悠悠·2020-04-14 00:48

CSS-三列布局【Collection】

如何在兼容所有浏览器的前提下，实现一个不定宽度的容器被分为左中右三列，左右两列定宽100px，中间列自适应剩余宽度，且三列之间间距为10px，效果如下：三列布局.png对于这类型的布局，网上有很多有名的方案：圣杯布局[1]和双飞翼布局[2]。实现不过我有自己实现的方式，只需要float和margin即可，方案如下：CSS初步设置：/*CSSReset*/.container{height:50px

UolCano·2020-04-13 08:14

嵇康 - 草稿

《广陵散》缘由面对262年的一天，在河南洛阳刑场上，面对死亡，他神色自如。环顾日影西斜，时辰尚早。他向前来的亲朋好友要来一把琴。洛西华阳亭，那一晚，他没有

野心0·2020-04-13 03:29

liangjunjie跟着李南江学习CSS-项目总结

在学习完html的标签之后，我们就进入了CSS的内容开始学习了，在学习CSS之前，我们利用html做的样式和练习基本都是比较简单的，然后原来CSS就是给这些东西添加样式的。在这些标签这些内容添加了CSS样式之后，我发现整个页面都开始变得更加复杂更加多姿多彩了，好像整个页面都开始活了起来一样。学习的内容有好多，从基本的文字样式格式修改，到后面更深入的内容，都是我每天要消化的东西。真正在做的时候，其实

liangjunjie·2020-04-12 07:14

css-如何规定某一元素高度等于其宽度

使用js实现$(document).ready(function(){$('#box1').css('height',$('#box1').css('width'));})#box{width:900px;height:400px;border:1pxsolidred;}#box1{width:50%;border:1pxsolidgreen;}Ps:如果还有其他实现方式，请留言，谢谢。TheEn

妞妞骑毛驴·2020-04-11 16:15

泼墨

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

仗剑天涯88·2020-04-11 07:31

嚼白句

东城厢的黄又欠撩着水袖抚琴一首《广陵散》，可人儿的娘子在月桂树下，取起竹叶裹着小白糯米粽子，但想到自家庭院里，雁归蛩歌

麻将和麻油·2020-04-11 03:30

魏晋风度

嵇康临死前从容的弹奏绝曲《广陵散》，刘伶的

姬子游·2020-04-10 04:43

css-边框线

开班信息*{margin:0;padding:0;}body{font:12px/1宋体;}.outer{width:360px;margin:50pxauto;}.title{border-top:2px#019e8bsolid;height:36px;background-color:#f5f5f5;line-height:36px;padding:0px22px0px16px;}.title

杰伊_约翰·2020-04-10 02:41

魏晋美男嵇康——弹广陵散，品绝尘香

竹林七贤在一千多年前的魏晋时期，中国历经时间最长，范围最广的一次大分裂，连年征战，政局不稳，而文坛上却出现了这样一股奇流，他们聚会赋诗，谈玄论道，他们放荡不羁，不拘礼法。嵇康、阮籍、山涛、刘伶、阮咸、王戎、向秀，七位超凡脱俗的“怪胎”聚一起，并称“竹林七贤”。嵇康就是“竹林七贤”的精神领袖，他的风流气质影响了当时的文人。嵇康长得非常俊美，一米八的个子，长发飘飘，宽袍大袖，潇洒脱俗，清静凝定。“嵇叔

楚淑慧·2020-04-09 21:47

推荐频道

CSS-广陵散