![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
学习使我快乐——玉祥
java,Android开发....略知一二
展开
-
css元素处于父元素中心(垂直+水平)
父元素}子元素}原创 2022-12-27 14:08:04 · 92 阅读 · 0 评论 -
css轮播纵向滚动
【代码】css轮播纵向滚动。原创 2022-12-20 09:36:24 · 540 阅读 · 0 评论 -
css让子元素填充父元素内部空间
效果如下面这个套娃样式父组件的属性:display: flex;子组件的属性:flex: 1;上图示例代码:<html><header></header><body><div style="height: 100%;display: flex;"> <div class='container' style="margin: 50px;flex: 1;display: flex;">原创 2022-04-28 12:53:25 · 1589 阅读 · 0 评论 -
css颜色渐变动画
#container{ animation-name: anim1; animation-direction: alternate; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-duration: 10s;}@keyframes anim1{..原创 2022-04-26 21:58:17 · 1245 阅读 · 0 评论 -
CSS box-shadow
box-shadow : 5px 5px 5px 5px rgba(0, 0, 0, 0.1);左偏移下偏移模糊度阴影范围阴影颜色原创 2022-04-02 23:08:31 · 280 阅读 · 0 评论 -
CSS:关于在<td>内元素使用position: absolute的坑及解决方案
如果你想在<td>格子内让一个div1绝对定位,如果直接给td一个position:relative<td colspan="2" style="position:relative;"><div id="div1" style="position: absolute"></div></td>你会发现是没有用的,div1会蹦出来,然后再给table添加position:relative发现还是没有用这里有个解决方案,原创 2021-08-14 16:09:55 · 881 阅读 · 0 评论 -
less入门
如果我们有前端开发经历的话,应该都写过css样式,经常会碰到许多元素的样式部分都是一样的,但又无法创建class去通用,因为当修改样式的时候,这些都会是埋下的坑。那只能是复制复制再复制。于是less便出现了,它是css的一个拓展,在css样式语言的基础上,添加了函数,嵌套,运算等功能,目的就是为了节省开发者的蛮力。使用命令行安装lessnpm i less...原创 2021-08-08 02:50:03 · 102 阅读 · 0 评论 -
css布局——顶栏+左侧栏+主体
先看图,红色主体内容自适应大小,顶栏侧边栏延伸。如果仅靠三个div和css定位去实现真的是很麻烦,还会出现各种问题。网页最开始应用的时候就是以表格辅助定位,但现在各种特效使得表格定位不能适应,但这种基础框架还是可以用,很方便。html<html><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" hr原创 2021-05-04 12:04:23 · 585 阅读 · 0 评论 -
html的table单元格之间去除缝隙
csstable{border-collapse:collapse;}原创 2021-04-22 21:42:47 · 2305 阅读 · 1 评论 -
CSS水平居中和垂直居中
css似乎没有提供直观的方式来设置居中方式,因此经常被困扰。我们知道,网页默认的是宽度一定,内容多了会自动换行,但是一般高度是无线延伸的,水平容易实现因为宽度固定,而垂直必须有高度,因此垂直居中稍微麻烦。https://www.w3school.com.cn/css/css_align.asp上面这个链接是一个代码网的CSS 布局 - 水平和垂直对齐介绍。水平居中display: block;//设置块级显示margin: auto;//只对块级元素进行水平居中有效文..原创 2021-04-18 10:52:54 · 125 阅读 · 0 评论 -
css普通轮播图
<div class="adbar"> <img class="p1" src="img/back1.jpg"> <img class="p2" src="img/back2.jpg"> <img class="p3" src="img/back3.jpg"> <img class="p4" src="img/back4.jpg"> </div>.a...原创 2021-03-18 10:33:27 · 94 阅读 · 0 评论 -
CSS制作旋转立体正方形
<div class="stage"> <div class="container"> <div class="side front">前面</div> <div class="side back">背面</div> <div class="side left">左面</div> <div class="side right"&g...原创 2021-03-16 08:11:33 · 337 阅读 · 0 评论 -
css制作导航栏——上下翻页
<div> <div class="menu1"> <div class="one"><a href="#">首页</a></div> <div class="two"><a href="#">Home</a></div> </div> <div class="menu1"> <di...原创 2021-03-15 20:29:16 · 466 阅读 · 0 评论 -
css更改网页默认字体,引用服务器字体文件
两块代码(1)配置@font-face { font-family: 'myFont'; src: url('./font/xi.ttf'); //你的资源目录 font-style: normal; font-weight: 100;}(2)引用#d1{ font-family: myFont;}原创 2020-09-27 20:04:32 · 408 阅读 · 0 评论