CSS-广陵散

CSS - 高度坍塌和外边距溢出问题及解决方法

CSS-高度坍塌和外边距溢出高度坍塌成因父元素div未设置高度子元素全部设置浮动（float:left|right;），浮动元素脱离文档流且不占页面空间由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流
weixin_30517001·2020-09-14 09:53

Vue进阶（幺肆叁）：如何用绝对定位(position:absolute)完美定位布局及其注意事项

在《Vue进阶（幺肆贰）：CSS-静态定位，相对定位，绝对定位，固定定位的用法和区别详解》一文中，讲解了CSS常用的几种定位方式。此片博文主要讲解如何应用绝对定位实现完美布局，及应用注意事项。
No Silver Bullet·2020-09-14 00:28

CSS-同一个li下，图片和文字一起，如何使得全部垂直居中

HTML代码THECATICFORESTCASE899浏览量css代码li{background-color:orange;width:100%;height:56px;line-height:56px;liimg{vertical-align:middle;}.desc{opacity:0.8;font-size:12px;color:#333333;vertical-align:middle;
gg464556·2020-09-13 11:47

css基础知识讲解 -1

css基础知识概括了解CSS-层叠样式表（CascadingStyleSheets）层叠样式表用途样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在
[小G]·2020-09-13 04:51

CSS-如何设置行内元素的垂直对齐方式，清除img标签底部空白缝隙，行高的设置

vertical-align用于设置行内元素的基线相对于该元素所在行的基线的垂直对齐（设置行内元素和行内块级元素的垂直对齐方式）属性值说明baseline基线对齐，默认值top元素的顶端与行中最高元素的顶端对齐middle把此元素放置在父元素的中部bottom元素的顶端与行中最低的元素的顶端对齐默认基线对齐：.box{background:pink;}这是一段文本文本顶端对齐：.boxspan{v
蓬莱老仙·2020-09-13 03:34

CSS——06核心: 定位position

人生苦短，要学就只学有用的【前端教学-CSS-核心-定位】CSS样式初始定位(position)目标理解能说出为什么要用定位能说出定位的4种分类11*能说出四种定位的各自特点能说出我们为什么常用子绝父相布局应用能写出淘宝轮播图布局
Jeremy_Yoyo·2020-09-13 02:35

中国十大名曲欣赏

中国十大古典名曲“高山流水”、“春江花月夜”、“梅花三弄”、“胡笳十八拍”、“十面埋伏”、“汉宫秋月”、“广陵散”、“阳春白雪”、“渔樵问答”、“平沙落雁”。
测试234·2020-09-12 17:16

中国十大古典名曲

中国十大古典名曲“高山流水”、“梅花三弄”、“春江花月夜”、“汉宫秋月”、“阳春白雪”、“渔樵问答”、“胡笳十八拍”、“广陵散”、“平沙落雁”、“十面埋伏”。
kellyrong·2020-09-12 16:09

JS基础与DOM操作（一）

2、CSS-样式表决定你网页中的这些元素标记的样式和布局3、JS-JavaScript决定你
weixin_30416497·2020-09-12 11:20

CSS-层叠式样式表

前言：之前我们通过HTML语言，来编写静态网页，但是仅仅有静态网页，却不免让我们陷入一种毫无感觉，甚至有点冲动关掉网页的想法，那么怎么搞定这个想法那，此时你仅仅需要设置网页（元素）的样式就可以，以此成功的打消掉这个无理的想法。其实，我们也可以通过元素“属性”的设置来改变不同的样式，但....，终究还是过于繁琐和呆板，除此外，相同的操作，要重复的写。那么？什么是CSS（CascadingStyleS
赵雷-Nathanial·2020-09-11 12:09

CSS-常见外观（文本）样式属性的用法汇总

colorcolor:#f00;用于设置文本的颜色属性值描述color_name颜色名称，例如：red、green、yellow等hex_number十六进制的颜色值，例如：#ff0000、#00ff00、#0000ff等rgb_number通过rgb代码表示的颜色，可以是具体值也可以用百分比，例如：rgb(255,0,0)或rgb(100%,0%,0%)在实际开发中多数情况是使用十六进制的写法，
蓬莱老仙·2020-09-11 11:48

CSS-鼠标经过文字底部下划线动画

Document*{margin:0;padding:0;}li,a{text-decoration:none;list-style:none;color:#787878;}.nav{width:1000px;height:50px;border:1pxsolid#ccc;margin:0auto;line-height:50px;margin-top:50px;}/*导航1*/.nav1a{wi
你好瘦·2020-09-11 11:09

css-元素水平、竖直居中

一、水平居中1.文本图片水平居中给父级元素设置text-align:center;2.确定宽度的块级元素居中设置自身margin-left:auto;margin-right:auto;别忘了设置自身宽度；3.不确定宽度的块级元素的居中（1）用table帮助实现不确定宽度块级元素居中块级元素设置table元素margin-left:auto;margin-right:auto;（2）设置父级元素t
woshifan1989·2020-09-11 08:11

Vue进阶（幺肆贰）：CSS-静态定位，相对定位，绝对定位，固定定位的用法和区别详解

CSS提供了三种基本的定位机制：普通流、浮动和定位；通过这三种方式可实现页面的排版布局。普通流普通流中元素的位置由元素在(X)HTML中的位置决定：块级元素独自占一行，在文本流中从上到下一个接一个地排列；行内元素在一行中并排排列，遇到父元素的边沿会换行继续排列；浮动浮动会让元素脱离标准文档流，不再占原来的空间，可以让多个块级元素并排显示。定位定位是将元素定在某个位置，定位元素的层级要高于浮动元素；
No Silver Bullet·2020-09-11 03:33

css-盒子内包含img标签后，底部留白/盒子高度多了几像素的问题

今天在学习写京东案例的时候，在给一个盒子添加img之后，发现盒子高度高了几像素。例如简单的一个div内包含一个img标签：Documentdiv{border:1pxsolidred;float:left;}如图所示，底部会有一小截的留白。这是因为img默认和基线对齐即（vertical-align:baseline）只要设置vertical-align:top|middle就可以解决这个问题。
Endless Daydream233·2020-09-10 13:37

CSS-给Font Awesome拓展Base64编码的图标

和fa一样设置到::before中就行了，不过fa是直接设置内容，这里用的背景图.fa-science-garden::before{content:"";display:block;/*居中*/margin:0auto;/*自适应大小*/width:1em;height:1em;background-size:cover;/*图片url*/background-image:url(data:im
anleng6817·2020-09-10 12:30

@font-face属性参数详细介绍

css网页中导入特殊字体@font-face属性详解-HTML/CSS-谷子博客http://www.guzii.com/article/show-1-47.html@font-face是CSS3中的一个模块
谷子Guzii·2020-09-10 11:07

CSS-进阶系列

一、SVG1、vivid.js一个SVG图标的js库，支持DOM调用。转载于:https://www.cnblogs.com/sylvia-Camellia/p/11188397.html
weixin_30527143·2020-08-26 14:25

CSS-动画模块

告诉系统需要执行哪个动画animation-name:XXOO;(名字可以随便写)告诉系统动画持续的时长animation-duration:3s;告诉系统我们需要自己创建一个名称叫做XXOO的动画@keyframesXXOO{from{margin-left:0;}to{margin-left:500px;}}过渡和动画之间的异同不同点过渡必须人为的触发才会执行动画动画不需要人为的触发就可以执行
远方的路_·2020-08-26 11:04

开车的时候适合听哪些歌

图片发自App一般在早晨或者慵懒的午后，精神不是很振奋的时候，我喜欢听一些快节奏的歌，例如：克罗地亚狂想曲、土耳其进行曲或者古琴曲如太极、广陵散之类的曲目，这样可以快速唤醒自己的感知，让精神集中，提高开车的安全系数
西城西月·2020-08-25 04:18

古风||竹林闲弹

诗魂常幽愤，恋曲广陵散。超超青云器，生死书不凡。大阮弦歌放，酣饮车马颠。无语凝噎泪，缄口总不言。咏怀寄山水，风流系狂狷。向子恨秋水，放达自任诞。东篱摘芳菊，浓睡过秋残。不容世俗苦，何来斗时艰。
黎峰小峰峰·2020-08-25 01:05

css-如何设置table中tr的高度

设置tr的高度可以通过给td设置高度去改变tr的高度。tr的高度会随着内容的改变而改变但是给td设置高度后tr的最小高度就是td的高度。
zf18234031156·2020-08-25 00:08

CSS- 控制图片显示指定大小 并超过大小自动缩小

有时候利用css比较方便控制网页html中img图片的显示大小。这样也省得自己一个一个去定义。img,aimg{border:0;margin:0;padding:0;max-width:600px;width:expression(this.width>600?"600px":this.width);max-height:600px;height:expression(this.height>6
weixin_30609287·2020-08-24 23:06

CSS-伪类获取除第一个之外的其他子元素

若实现效果如下，css伪类可以把握的死死的↓↓↓举个栗子：123.contents{display:flex;flex-direction:row;justify-content:space-around;}.contentsdiv{height:150px;line-height:150px;width:150px;background:#ccc;text-align:center;color:
草莓味的狗儿·2020-08-24 20:37

css伪类 :before和 :after的使用详解 以及实现的一些效果

CSS-:before伪元素基本用法如下：“::before”伪元素可以在元素的内容前面插入新内容。
Artemis视同·2020-08-24 19:38

css-伪类

伪类简介（伪类一般都用==:==开头）特殊的类，虚拟的类，表示标签的特殊状态1.列表伪类：用于列表，表示顺序的:first-child–第一个子元素:last-child–最后一个子元素:nth-child（n[0~∞]）–第n个子元素2n=even=偶数2n+1=odd=奇数:not()排除伪类同类型的排序:first-of-type–第一个子元素:last-of-type–最后一个子元素:nt
哈哈哈，heitui·2020-08-24 19:02

CSS-网站导航栏标题之间的分隔符

在一个网页上，尤其是导航栏文字与文字之间，大多数情况下都会有分隔符，也就是文字之间的一个小竖线，这个小小的分隔符，每个网站都有不同的样式，常用的写法就是用标签的边框，这个写法也比较简单，用起来也方便，但是，却满足不了越来越绚丽的网页，很多情况下用标签的边框是写不出来现有要的样式的，那就需要其他的写法，下面总结一些常见的，如有不足或者错误之处，欢迎大家批评指正。1、标签边框.这个写法比较简单，不需要
achuandai3501·2020-08-24 19:45

嵇康

康乃与涛书告绝写出七样不能忍，还带两样不可能表面上看与涛绝，其实是与司马氏子曰人不可夺志，嵇康的确夺不了一次钟会来找他，嵇康挖苦他一下结果得罪了钟会，把他告状给皇帝又要给吕安辩护，一起被抓进监狱最后要被判死刑临刑前弹奏一支《广陵散
陌霄_Lu·2020-08-24 15:15

明德天心综合性学习活动——有朋自远方来

教师阅读分享：嵇康《与山巨源绝交书》两封绝交书被捕被杀，《广陵散》绝响。好友阮籍，悲观——真实，哭给自己听。“给我一壶酒，天下任风流”，以酒拒人，灵堂喝酒。蔑视礼教，任性坦荡。
梁间燕子·2020-08-24 15:06

网页基础 -- HTML

web基础：1.web标准（万维网-W3C）：结构标准--HTML->决定网页上有什么东西（能够显示什么内容）表现标准--CSS->决定网页上内容的布局和显示方式行为标准--JavaScript（JS）
GHope·2020-08-24 08:12

CSS-布局4-双飞翼布局

1、双飞翼布局概述双飞翼布局同样来源淘宝，可以说是借鉴了圣杯布局，同时也解决了圣杯布局使用相对定位的缺陷。2、双飞翼布局实现思路（1）与圣杯布局一样，利用负边距技术实现初步效果双飞翼布局*{margin:0px;padding:0px;}.header{background:yellow;}.left{width:198px;height:200px;float:left;border:1pxso
Java小工匠·2020-08-24 07:08

CSS-相关练习1-表格实现奇数行和偶数行自行判断设置不同的背景颜色

/**Copyright(c)2017，烟台大学计算机学院Allrightsreserved.*文件名称：关于HTML的练习*作者：张晴晴*完成日期：2017年11月25日*版本号：v1.0**问题描述：HTML5-JavaScript*输入描述：无*程序输出：无*/第一道题目functionupcolor(){vartable=document.getElementById("mytable")
小张每天都要很努力·2020-08-23 18:58

CSS-单位（px、em、ex、rem、%、ch、vw、wh、vmin、vmax）

单位描述px屏幕显示的最小单位em元素font-size的倍数ex英文字母小x的高度remrootem相对于根元素font-size的大小ch相对于0的宽度vw相对于当前视口宽的x%倍viewportwidthvh相对于当前视口高的y%倍viewportheightvmaxvw和vh中最大的vminvw和vh中最小的注：em如果当前元素没有设置font-size,那么用从父类继承来的font-si
caicsama·2020-08-23 16:43

CSS-选择器及其兼容性

标签选择器就是用标签名来当做选择器。1、所有标签都能够当做选择器，比如body、h1、dl、ul、span等等2、不管这个标签藏的多深，都能够被选择上。3、选择的是所有的，而不是某一个。所以是共性，而不是特性。希望页面上所有的超级链接都没有下划线：a{/*去掉下划线：*/text-decoration:none;}id选择器（#X)#表示选择id，在选择器中使用#可以用id来定位某个元素。然后使用
yume_sola·2020-08-23 08:22

CSS-盒子水平垂直居中的五大方案

文章目录定位：三种display:flexdisplay:table-cellJS实现让.box在.wrapper中水平垂直居中。HTML代码：定位：三种1.position：absolute需要知道子盒子的具体宽高2.margin:auto需要子盒子有宽高，但不需要去考虑它的宽高是多少3.css3新属性transform可以不需要宽高display:flexdisplay:table-celld
楠丶·2020-08-23 00:14

[译]CSS-理解百分比的background-position

译文地址通过这篇文章能够深刻理解background-position的百分比因为segmentfault好像markdown解析有问题，请看原文吧原文地址欢迎订阅我的博客
一波不是一波·2020-08-22 09:13

优秀技术博客收藏

在开发过程中，遇到一些疑惑不解的地方，总能遇到一些很好的答疑解惑的文章，所以收藏一下✌持续更新..............css-清除浮动的原理与方法函数节流与函数防抖的理解前端开发规范ECMAScript6
那朵花~~·2020-08-21 23:05

2018-03-26 天气大好心情极好

偶尔想起笑傲江湖里曲洋的广陵散，以及琴瑟和鸣的刘伯温，人生一世遇到个相知的知音是多么美妙的事。当遇到的时候请默默的珍惜这份前世修炼的真情吧
ChrisPaulss·2020-08-21 20:36

月夜遐思

已是深秋，树的叶落的差不多了，虫儿早蜇伏起来，就我一人，四周静悄悄的，真是太好了，赶紧掏出手机，放起了“广陵散”，呵呵，希望能有嵇康先生奇遇！
好有爱鑫·2020-08-21 19:41

CSS-使用background实现四个角边框

使用background实现四个角边框。CSS.question_title_content{background:linear-gradient(toleft,rgba(51,51,51,1),rgba(51,51,51,1))lefttopno-repeat,linear-gradient(tobottom,rgba(51,51,51,1),rgba(51,51,51,1))lefttopno
半笙彷徨·2020-08-21 17:28

CSS-大图片img在父级容器div中居中的妙招

https://blog.csdn.net/m0_37669108/article/details/78725124
qq_37971993·2020-08-21 15:32

CSS- table 序列号自动排序

HTML:序号CSS:tbody{counter-reset:sectioncounter;}.SortCLASS:before{content:counter(sectioncounter);counter-increment:sectioncounter;}
Lucy-·2020-08-21 14:03

几首原创古诗词

高山一曲广陵散，那知天凉已入秋。秋日即景（与裴亚林同游）秋阴木樨雨，车马数裴回。幽香落棋子，沁芳酌金杯。画骏疑亚夫，临仙拟花魁。林间明月夜，相与赏花归。寻春图酒酣那知春
沈曼琳·2020-08-21 06:56

Css-移动端适配总结

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

Css-移动端适配总结

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

CSS-圣杯布局、双飞翼布

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

CSS-圣杯布局、双飞翼布

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

CSS-两栏布局

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

CSS-两栏布局

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

中国诗肖像第二十季入围参选人054

还将一曲广陵散，吟作霜须傲昊穹。注：1、文中“登楼”、“望岳”皆指唐代诗人杜甫创作的七言律诗《登楼》、《望岳》。前者是感时抚事的诗，写登楼望见无边
诗人李布·2020-08-20 16:01
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他