CSS-广陵散

第五章 实例

平稳退化：没有JS也能正常运行分离js：把网页的结构和内容与JS的运动行为分开向后兼容性：老版本不会因为你的JS而死掉性能考虑js->行为层；css->表现层1.平稳退化（搜索机器人searchbot）
臭丑丑八怪·2019-11-04 03:47

[随笔] HTML/CSS-简单表格样式

一个简单的CSS表格样式表格：编号姓名职位部门操作{{item.id}}{{item.name}}{{item.position}}{{item.branch}}编辑删除样式：.formating{margin-top:15px;}/*flex居中，可以使表格居中，若设置了宽度100%可省略*//*.fjcenter{display:flex;justify-content:center;}*/.
"William'_·2019-11-02 23:03

【前端】-017-页面制作-CSS-布局

css布局，元素摆放模式display设置元素的显示方式inline，行元素默认宽度为内容宽度不可设置宽度和高度同行显示，元素内部换行常用标签元素：、、、、block，块元素默认为父元素的宽度可设置宽度和高度换行显示常用标签元素：、、...、、、、、、、inline-block，内联块状元素默认内容宽度可以设置宽度和高度前后元素同行显示后续元素or本身会？整块换行常用标签元素：、、...none，
程德山·2019-11-02 20:11

CSS-边框1-边框背景图

1、边框背景概述1.1border-image-sourceborder-image-source属性指定要使用的图像，而不是由border-style属性设置的边框样式。如果值是"none"，或者，如果无法显示图像，边框样式会被使用。1.2border-image-sliceborder-image-slice属性指定图像的边界向内偏移。值说明number数字表示图像的像素（位图图像）或向量的坐
Java小工匠·2019-11-01 17:50

【前端】-016-页面制作-CSS-背景

背景颜色background-color:red;背景图片background-image:url(...),url(...)先写的图片在上一层，后引入的图片在下一层；background-color始终在最底层。背景图片平铺background-repeat:[,...]repeat-style表示平铺样式，repeat-x|repeat-y|[repeat|space|round|no-rep
程德山·2019-10-31 16:40

读余秋雨《遥远的绝响》

读余秋雨《遥远的绝响》一曲《广陵散》成为遥远的绝响，嵇康也随着琴声永远的离去。
轩窗疏影·2019-10-30 22:38

hexo使用next主题更新文章报错页面空白

categories:-层叠样式表CSS-深度思考date:2019-10-
天心天地生·2019-10-18 23:11

一日一诗：“其实，我们每个人都有一个属于自己的岸”ll胡庆军：故事早已经开篇（读诗版）

故事早已经开篇——听古曲《广陵散》胡庆军好像什么断裂了，心也隐隐作痛那些已成旧事的影象，如今随风流淌故事已经开篇，起伏的乐曲里能听得到刀戈相见能听得出一种激昂、慷慨和悲壮文字被一层一层的灰尘附着，让一首古曲因聂政刺韩相而缘起
冯站长之家·2019-10-18 00:00

CSS-动画animation

动画可以通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。引用动画：animation：动画名称动画时间运动曲线何时开始播放次数是否反方向;animation:rotate5slinear0sinfinitealternate;定义动画：@keyframesgo{0%{}50%{}100%{}}image.pnganimation-timing-function动画的速度曲线im
哎呦呦胖子斌·2019-10-14 11:42

【财经早餐】2019.10.11星期五

岳阳三醉丨曲目《广陵散》丨专辑刘星丨改编半度音乐丨授权财秘关注1、新华社：国务院副总理刘鹤分别会见美中贸委会会长艾伦、美国全国商会常务副会长兼国际事务总裁薄迈伦和国际货币基金组织新任总裁格奥尔基耶娃。
财经早餐·2019-10-11 00:00

DOM文档对象模型

documentobjectmodel文档对象模型,dom是W3C的标准，DOM定义了访问HTML和XML的标准，中立与平台和语言的接口，它允许脚本动态的访问文本的内容、结构、样式HTML-页面结构，CSS
solaris-wwf·2019-10-05 02:00

CSS-常见的伪类选择器的用法详解

:first-child:first-child相对于父级元素做参考，选择所有子元素中的第一个子元素，第一个子元素必须是规定的元素类型，如果不是则不会被选择示例：我的颜色颜色颜色我的颜色颜色我的颜色颜色颜色我的颜色颜色dt:first-child{color:red;}如下方法就无法选中第一个子元素dd:first-child{color:yellow;}:last-child:last-chil
蓬莱老仙·2019-10-01 20:53

音乐

宫商角徵羽，七玄琴，五线谱，根根拨弄触动心间，广陵散，梁父吟，弹出多少人生韵味？酸甜苦辣咸，喜怒哀乐惧！他向往的人生，或许不是你给的生活！三生石上续写今生缘，宫商铿锵钟鼓鸣，犹如人生许诺重千金！
思斯谬谈·2019-09-29 17:27

CSS-高级选择器，后代选择器、交集选择器、并集选择器，伪类选择器的用法详解

常见的高级选择器有后代选择器、交集选择器、并集选择器后代选择器选择器之间用空格隔开就是后代选择器选择的是后代元素，不一定是儿子元素，后代选择器描述的是祖先结构使用规则：外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，再写儿子孙子示例：段落段落段落段落CSS：.boxp{color:green;/*设置边框*/border:1pxdashedred;}class属性值为.box的标
蓬莱老仙·2019-09-28 23:41

JQ中$(window).load和$(document).ready区别与执行顺序

脚本中都有这个函数的出现有时甚至会出现多个，那么另一个加载函数$(window).load相对出现的次数就很少了，下面为大家介绍一下两者的区别与他们的执行顺序一般情况下一个页面响应加载的基本顺序是：域名解析->加载html->加载js和css
·2019-09-24 11:49

JS 实现计算器详解及实例代码（一）

总体设计思路是，先画草图->设计UI->编写UI代码->编写CSS->编
·2019-09-22 20:02

css-显示与隐藏(display,visibility,overflow)

元素的显示与隐藏在CSS中有三个显示和隐藏分别是displayvisibility和overflow。display显示display设置或检索对象是否及如何显示。display:none隐藏对象与它相反的是display:block除了转换为块级元素之外，同时还有显示元素的意思。特点：隐藏之后，不再保留位置。visibility可见性设置或检索是否显示对象。visible:对象可视hidden:
M.Arbre·2019-09-20 15:09

古琴入门-古琴十大名曲-古琴教学——唐畅古琴

新年到来，送你10首古琴曲~1广陵散《广陵散》又名《广陵止息》。它是中国汉族古代一首大型琴曲，著名十大古琴曲之一。魏晋琴家嵇康以弹此
唐畅古琴·2019-09-17 17:19

CSS-定位1

定位（重难点）1，什么是定位表示元素在网页中的位置2，CSS中，定位的分类1，普通流定位（默认定位方式）2，浮动定位（重难点，用的最多）3，相对定位4，绝对定位5，固定定位3，普通流定位普通流定位，又称为“文档流定位”。是默认定位方式。典型的“流式布局”特点：1，每个元素在页面中都有自己的位置，并占据一定的空间2，每个元素都是从其父元素的左上角开始排列的3，每个元素基本都是从左到右或从上到下的方式
老王笔记·2019-09-15 11:29

CSS-过渡效果-transition

1，什么是过渡效果使得CSS的属性值在一段时间内平缓变化的一个效果例如颜色的渐变式变化是突变还是渐变，字体大小变化，位置变化等2，语法1，指定过渡属性作用：指定哪个属性值在变化的时候使用过渡效果；属性：transition-property(过渡属性)取值：1，属性名称2，all但凡能使用过渡效果的属性值在变化时一律都使用过渡来体现允许使用过渡效果的属性：1，所有与颜色相关的属性2，所有取值为数字
老王笔记·2019-09-14 18:04

CSS-表格属性

1，表格常用属性1，尺寸属性2，边框属性3，文本格式化4，背景属性5，框模型属性margin不能用在td上的2，表格特有属性1，边框的合并属性：border-collapse取值：1，separate默认值，分离边框（双线边框）模式2，collapse：边框合并2，边框边距作用：设置每两个单元格间的距离属性：border-spacing取值：1，value指定一个数值；水平和垂直距离相等；2，va
老王笔记·2019-09-14 16:52

前端-CSS-更改标签样式-长宽字体-背景-边框-显示方式-定位-透明度-扩展点-02

目录控制标签元素样式长宽属性、字体属性、文本对齐、文本装饰、首行缩进背景属性、边框属性、圆角display显示方式盒子模型margin、padding...float浮动overflow清除溢出（超出div大小的部分）position定位对文档流的影响z-index层级opacity标签整体透明度去掉li前面的标识文本垂直居中单行文本居中作业案例关于自适应（不需要了解）控制标签元素样式小心得：样式
suwanbin·2019-09-06 01:00

前端-CSS-初探-注释-语法结构-引入方式-选择器-选择器优先级-01(待完善)

目录CSS（CascadingStyleSheet）CSS注释CSS语法结构CSS的三种引入方式选择器伪类、伪元素选择器速查CSS选择器优先级*****选择器相同的情况下选择器不同的情况下选择器权重样式调整技巧本篇博客绝大多数内容来源网上，感谢作者的无私分享~CSS（CascadingStyleSheet）用来调节标签样式的，又称层叠样式表CSS注释/*单行注释*//*多行注释*/经典写法/*这是
suwanbin·2019-09-05 00:00

古琴的练习诀窍

肌肉记忆说到肌肉记忆总是想起赵家珍教授讲过的一个故事，有一次赵教授在一场音乐会上，首先演奏了一曲《忆故人》，然后她惊讶的发现下一首曲子是《广陵散》。
聆雲听雨·2019-08-23 01:01

css-奇葩技巧记录

标签宽度由内容或子标签撑开display:flex//例：使li的宽度由字标签span的宽度撑开，给ul设置flex布局。html:哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈css:.list{display:flex;flex-direction:column;align-items:flex-start;//关键属性}
Var_YanGuangYing·2019-08-19 15:05

css-选择器

基本选择器属性选择器lang|=en相当于lang^=en比较约等于与包含~=指，有一个完整的词，整个的词是相等的*=指，只要有就可以，不一定要求完全相等详情看例子*=~=总结可知*=选择的范围是更广一些伪类和伪元素选择器link,visited,hover,active效果的演练：Documentdiv{width:300px;height:300px;background-color:red;
ifubing·2019-08-14 15:35

CSS-父元素高度设置为min-height，子元素高度设置为100%,子元素不显示？

前言给父元素一个min-height，子元素设置height:100%。代码JSBin.parent{border:1pxsolidred;min-height:100px;}.parent>div{border:1pxsolidgreen;height:100%;}结果image.png剖析min-height表示盒子的最小高度，并不表示盒子的最终高度，站在外部盒子的角度理解是外部最终高度是由盒
如梦初醒Tel·2019-08-14 11:51

CSS-父元素高度设置为min-height，子元素高度设置为100%,子元素不显示？

前言给父元素一个min-height，子元素设置height:100%。代码JSBin.parent{border:1pxsolidred;min-height:100px;}.parent>div{border:1pxsolidgreen;height:100%;}结果image.png剖析min-height表示盒子的最小高度，并不表示盒子的最终高度，站在外部盒子的角度理解是外部最终高度是由盒
如梦初醒Tel·2019-08-14 11:51

移动端CSS-形变

形变特性在CSS中对于形变的转换主要分为2D和3D两种形式，其中包含的形变特性有：translate：位置移动scale：缩放rotate：旋转skew：斜切perspective：透视其中perspective这个是3D特性，前面几个特性，可以玩3D，比如translate要来作为3D特性的话，就有：translate3d(x,y,z)translateXtranslateYtranslateZ
醉于麦田·2019-08-03 11:38

心静自然凉

在这七个人中，嵇康寄情山水，回归自然，常在竹林用古琴弹《广陵散》。他是曹魏皇室的女婿，因此被企图篡权的司马昭所杀，死时才39岁
一盏茗悦·2019-07-20 18:54

CSS-滚动条样式设置

注意：滚动条设置的width、height，分别是对应纵向滚动条宽度、横向滚动条高度，无法修改纵向滚动条高度、横向滚动条宽度数值只介绍Google浏览器滚动条样式，常用属性如下：::-webkit-scrollbar滚动条整体样式::-webkit-scrollbar-button一设置滚动条样式，滚动条两端的按钮图标就消失，但可以重新设置图片、新样式::-webkit-scrollbar-tra
立码成佛佛☺ง·2019-06-12 11:58

魏晋风度

图片发自App叮当叮当嵇康抡锤向秀拉箱清风入怀炉火正旺锄头和宝剑卧在脚边一杯清酒向月一曲清音对友酩酊大醉也不惧天地为屋房为裤醉卧竹林携琴来烧烧丹炉送晚霞说说天下动竹箫谈笑生死间一曲《广陵散》清音从此绝图片发自
楚汉留香·2019-06-12 09:12

CSS-盒子模型

盒子模型介绍元素在页面中显示成一个方块，类似一个盒子，CSS盒子模型就是使用现实中盒子来做比喻，帮助我们设置元素对应的样式。盒子模型示意图如下：参数介绍:content:盒子内容border:盒子的边框padding:盒子内的内容和边框之间的间距margin:盒子与盒子之间的间距盒子的设置设置宽高width:200px;/*设置盒子的宽度，此宽度是指盒子内容的宽度，不是盒子整体宽度(难点)/hei
IT_Mr_guo·2019-06-02 10:05

css-伪类选择器-:nth-child()-循环样式问题

循环样式：目标样式：代码如下：{{icon.typeName}}.grids{position:relative;overflow:hidden;margin:20rpx20rpx0;background-color:#ffffff;}.grid{position:relative;float:left;padding:40rpx20rpx;width:50%;box-sizing:border-
zhangXY_·2019-05-08 11:39

山中何所有，岭上多白云

题图/贾又福点开看组图，关注“美好画片碎碎念”朗读配乐/刘星-广陵散点击可听往期朗读诏问山中何所有赋诗以答山中何所有，岭上多白云。只可自怡悦，不堪持寄君。作者/陶弘景陶弘景是高人。高到什么程度呢？
读首诗再睡觉·2019-05-03 00:00

CSS-清除浮动

起因：盒子的高度问题在没有给盒子设置高度的情况下（1）如果在标准流中一个盒子里面有多个标签，并且该盒子没有设置高度，那么盒子的高度就由盒子内的多个标签的内容高度撑起。（2）如果一个盒子里面多个标签都被设为了浮动，那么浮动元素内容的高是不可以撑起盒子的高。image.png浮动带来的问题:(1)如果一个盒子里面多个标签都被设为了浮动，那么浮动元素内容的高是不可以撑起盒子的高。清除浮动1、外墙法和内墙
大庆无疆·2019-04-18 14:23

CSS-样式属性

布局标准文档流组成块级元素（blocklevel）…、、、列表独占一行，可设置宽高，宽度默认和父级元素相同内联元素（inline）、、、…水平排列，不可设置宽高，宽度根据内容而定display用于块级元素和行内元素的转化隐藏元素：(none/block)display:none;所在的位置被清空opacity:0;透明度为0，位置还在visibility:hidden;同上行内和块级元素转化dis
Gryfin·2019-04-10 22:55

街景

这张脸，祥和，深广像珠穆朗玛峰上的雪像宁静邈远的湖泊像一曲高歌引亢的广陵散那是一种极致的美不染尘世，没有沧桑她皱着眉年轻的小小的脸上挤满了生活的愁苦人生彷佛远去只剩满腔的悲凉小孩挤挤攘攘奔出校门如笼子里的鸟飞向天空那一座小小的校园却承载着那么多不可知的命运他们的脸上写满天真远离人生的风暴他们吃着棉花糖尽情地品飨着童年的甘甜一个老人
黑夜的沉思·2019-04-08 21:42

Css-移动端适配总结

前言工作以后，大部分的业务工作都是基于移动端H5的，开发过程中学习了很多东西，遇到过许多问题，诸如rememcsspxdevicepx等，本文纯属个人的归纳总结，如有问题，请指出亲喷~PC端本文主要是讲解移动端的响应式布局，但是在真正进入之前，先了解一些概念。devicepx（设备像素）和csspx（css像素）通常在PC端上面，我们并不需要考虑设备像素和css像素之间的差别，以目前的pc来看，1
菜的黑人牙膏·2019-04-07 00:00

CSS-定位流

定位流有四个定位属性可以用：right,left,top,bottom（记住同一方向只能使用一个）1、相对定位：position:relative;（1）相对定位是**不脱离标准流**的,会继续在标准流中占用一份空间（2）相对定位就是相对于自己以前在标准流中的位置来移动image.png当给相对定位的元素设置margin/padding属性时，是给元素移动前（标准流）的位置设置的2、绝对定位：po
大庆无疆·2019-03-19 00:14

CSS-非常有用的css变量

为什么使用cssvariables#借用Scrimba上的：easiertogetstarted(notranspiling)haveaccesstotheDOM1.localscopes2.changewidthJs3.idealforresponsicenessperfectforthemes什么是CSS变量#CSS变量当前有两种形式：自定义属性。这些属性使用--where的特殊格式作为名字。
wx5c8747d53561c·2019-03-16 09:52

css-链接样式、图片、鼠标样式的改变

链接样式的改变(伪类）静态伪类a:link{未访问的链接样式}a:visited{已访问链接样式}a[href]:before{content:要加入的东西}（加入到a之前）a[href]:after{要加入的东西}（加入到a之后）动态伪类a:focusa:hover当鼠标在上边的时候a:active图片img样式的改变z-index（定一个元素的堆叠顺序。）拥有更高堆叠顺序的元素总是会处于堆叠顺
daneeee·2019-03-15 16:17

CSS-变量

什么是CSS变量CSS变量的两种形式：自定义属性这些属性使用--name的特殊格式作为名字。例如--example:20px即是一个css声明语句。意思是将20px赋值给--example变量。变量变量就是拥有合法标识符和合法的值,可以被使用在任意的地方。通过var()函数使用变量。例如：var(--example)会返回--example所对应的值补充:root是CSS伪类，匹配文档树的根元素。
DIV狂魔·2019-03-15 11:00

html/css-五环图样制作（网页居中定位广告制作）

五环图样制作要求：制作五环图样，使其居中于网页中央，并且随着滑动永远居中；思路：首先定制一个容器能够将五个图样容器装下，此容器采用fixed定位，使其实现网页滑动定位；五个环形图样容器，采用absolute定位，根据大容器也就是它的父标签进行定位，从而达到协调相互位置的目的；html代码：注意：class一般不要用汉字，本博客为了清晰表达才使用；五环制作滚动五环制作css代码：*{/*左右容器外边
Fly_Fly_Zhang·2019-03-12 11:13

CSS-引入样式以及css样式选择器详解

三种css样式引入方式行间样式head引入样式css外部文件引入样式css样式选择器id选择器class选择器标签选择器通配符选择器属性选择器父子选择器/派生选择器直接子元素选择器并列选择器分组选择器css选择器优先级css选择器优先级详解css权重计算方法css权重计算方法三种样式引入方式：-[]行间样式：行间样式演示我是文字head引入样式：head引入样式演示div{width:100px;
Fly_Fly_Zhang·2019-03-09 19:29

CSS-宽度分离原则

宽度分离原则即CSS中的width属性不与影响宽度的padding/border（有时候包括margin）属性一同使用，即一个div的宽度设计分离成一个父div给定width属性，一个子div在父div下给定padding/border这些属性，如此一来，便于维护，在width不变的情况下（width不改变，只），只需要修改padding/border值就可以完成初始条件：总宽度要求102px，此
友人CWH·2019-03-06 21:11

CSS-页面高度自适应铺满屏幕

HTML：包括三部分，一个是包裹整个的div，一个是上半部分的div，一个是下半部分的div上部分下部分CSS：实现效果主要依赖于css的display属性，设置为display:-webkit-flex;目前支持的浏览器有IE10+和较新版本的FireFox、Chrome。pannel的height为100vh，表示根据屏幕的大小自适应充满整个屏幕，占屏幕尺寸的100%，display属性设置为
灵左·2019-03-06 14:15

Css-浅谈如何将多个inline或inline-block元素垂直居中

一直以来，前端开发过程中本人遇到最多，最烦的问题之一是元素如何垂直居中，发现开发过程中，元素的垂直居中一直是个很大的麻烦事，经常发现PC端和电脑模拟元素都垂直居中了，但是遇到移动端真机总是会出现层次不穷的问题，让人头大不已。因此我决定好好研究下究竟如何正确让元素垂直居中。下面是我的研究过程：基础一、元素父级为"block"，没有固定高度，靠padding等自动撑开高度【小结：元素均会自动垂直居中】
YanEr、·2019-03-01 22:00

竹林七贤

嵇康，竹林七贤里最重要的领袖，据历史记载，他是和诸葛亮一样的美男子，音乐修为很多，爱弹乐器古筝，还会雄伟壮阔，悲欢离合，兴高采烈，等诸多感情于一身的广陵散，在竹林七贤聚会时，放声歌唱，畅弹古筝，他极其讨厌司马家族
兰海粟·2019-02-18 07:23

督主夫人修炼手册23

在御花园惹恼永安帝后，刘家当然不会没有反应，多方打探后，得知永安帝听到《广陵散》这首绝世名曲，会如此异常，全是因为一段往事。永安帝生母是林才人。林才人幼时家遭不幸，满门被杀，家中值钱的物事被洗劫一空。
语菲菲儿·2019-02-16 09:36
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他