全部 文章 问答 分享 共找到45个相关内容
[问答] CSS style 设置样式不起作用
doctypehtml><html><head><metacharset="utf-8"/><title>CSS</title><
2020-05-16 18:46 · css / 前端 / HTML
[文章] 前端css的心得(非专业前端开发)
所以,有些做法是把一些css样式写到同一个文件里,后面的页面加载,就不用加载这个文件了,直接从缓存中读取。通常来说,会把一些共同的样式写到一起。
2020-01-17 12:58 · css / html / 样式 / 前端
[文章] Css之水平居中详解
前言:Css中水平居中的问题非常常见,下面就根据自己的经验和网上相关的文章总结有关Css水平居中的相关知识,如果对你有帮助的话可以多多点赞哦!!!
2020-08-23 18:33 · Css / 前端 / 水平居中
[文章] CSS如何实现文章展开阅读全文的效果?
CSS如何实现文章展开阅读全文的效果?很多网站都有这样的功能?我也不知道为什么需要这个功能,展开阅读。先是只能见一部分。
2020-03-06 15:10 · 前端 / CSS / 阅读全文
[问答] CSS如何让同一行文字和图片Img进行居中呢?
CSS如何让同一行文字和图片进行居中呢?如图:自问自答,做个记录。前人种树,后可砍树。
2020-03-03 17:42 · Css / html / 图片 / 文字
[文章] CSS样式Display:flex
Display:flexflex-direction(方向)flex-wrap(一行显示不完如何处理)flex-flow(flex-direction和flex-wrap属性的简写,默认值为rownowrap)just-content(item在主轴上的对齐方式)align-content(item在交叉轴上的对齐方式)item(子项)属性flex-direction(方向)row默认值,水平方向从左到右row-revers,水平从右到左column,从上往下column-revers,从下到上flex-wrap(一行显示不完如何处理)nowrap,默认值,不换行wrap,换行,第一行在上方wrap-revers-第一行在下方,相反flex-flow(flex-direction和flex-wrap属性的简写,默认值为rownowrap)just-content(item在主轴上的对齐方式)flex-start:默认值,左对齐flex-end:右对齐center:居中space-between:两端对齐,item之间的间隙相等space-around:item之间间隔相等,align-content(item在交叉轴上的对齐方式)stretch(默认值),占满整个容器flex-start:交叉轴起点对齐flex-end:交叉轴终点对齐center:交叉轴中点对齐baseline:item的文字基线对齐item(子项)属性order,排序,数字越小越靠前,可以为负数flex-grow,放大比例,默认值为0,类似于权重的意思flex-shrink缩小比例,默认值为1,不能为负数flex-basis,给当前的item设置大小,如果空间够,就是占目标大小,不够则比目标空间小,默认值autoflex,flex-graw、flex-shrink、flex-basis,默认值:01autoalign-self,对齐方式:auto、flex-start、flex-end、center、baseline、stretch我竟然一张图也没有画,全靠文字?用以上的知识点,控制下图的样式:
2022-08-02 10:36 · 前端 / css / 样式 / style / flex
[文章] 浏览器进度条插件NProgress
这是js插件以及css样式,可以自定义css样式https://unpkg.com/nprogress@0.2.0/nprogress.jshttps://unpkg.com/nprogress@0.2.0
2021-09-20 13:22 · NProgress / vue
[文章] Vue + Element使用第三方图标“阿里巴巴矢量图标库”教程详解
之后打开iconfont.css,在文件中圈出的内容加上这么一段话,如下图所示。
2021-03-01 21:03 · .iconfont使用 / 工具 / ui
[文章] vue星型评分效果实现
鼠标悬浮在icon上面,点击添加入库这时候右上角的购物车会有一个未读消息的标记我们点击那个购物小车,把他加入项目获取icon的css链接资源一开始会显示“暂无代码,点此生成”,点击这个文字,他就会生成css
2021-01-22 16:17 · vue / 前端
[文章] 【学习笔记】【领券联盟】前端(Nuxt.js)——2.导入ElementUI
nuxt.config.js中配置该js的引入,如下:plugins:[{src:"~plugins/elementui",ssr:true,}],除此之外还需要引入该UI框架使用的css
2021-03-14 21:14 · vue / nuxt / element
[文章] 领券联盟-前端版本-PowerByNuxt.js-添加elementUI
importVuefrom'vue'importElementUIfrom'element-ui';Vue.use(ElementUI);引入插件和样式打开配置文件nuxt.config.js在head同级节点添加:css
2020-04-12 15:38 · elementui / 饿了么 / vue / nuxtjs / 前端开发
[文章] 前端Web滚动如何悬浮不动?
思路CSS方式使用position:sticky但是兼容不好呀,所以暂时放弃吧js方式用js的方式也是修改css,只不过是动态修改。感觉滑动距离来修改。
2020-03-16 14:04 · 前端 / JS / CSS / 悬浮 / 滚动
[文章] 一文教你如何在vue-cli脚手架中使用less,scss,stylus
前言当传统的CSS不能满足项目需求的时候,考虑到项目需要兼容,需要做全局主题的定制,如果用传统的css来编写,不但耗时耗力,并且兼容性,效果也不是很好,这就容易引发很多问题,所以技术大牛往往这个时候会提供很多的解决方案
2021-08-22 09:13 · less / vue / vuecli
[分享] Java爬虫工具
API for fetching URLs and extracting and manipulating data, using the best of HTML5 DOM methods and CSS
2022-04-15 22:26 · jsoup / 爬虫 / Web开发 / java / 工具
[问答] 如何培养自己的思维和提高代码的质量与可读性?
刚学完Html5和CSS。但是自己在写页面的时候,经常就是上来就想到啥写啥,没用逻辑,所以速度总是特别的慢。感觉自己写的乱七八糟的,写完了自己都不想看。
2021-08-22 21:52 · 求助
[文章] 搭建Vue脚手架工程
代表的--savenpmielement-ui-S引入VueimportElementUIfrom'element-ui';import'element-ui/lib/themechalk/index.css
2020-08-23 07:28 · vue脚手架
[文章] Vue加载阳光沙滩文章适配移动端
npmivue-markdown-loader-Dnpmivue-loadervue-template-compiler-D继续安装语法高亮npminstallhighlight.js-Dnpminstallgithub-markdown-css
2021-08-16 11:52 · vue / 阳光沙滩app / webview / 断点 / debug
[文章] 【学习笔记】【领券联盟】前端(Nuxt.js)——13.添加回到顶部按钮以及悬浮菜单栏、回到顶部
line-height:30px;text-align:center;border:#8c8c8c1pxsolid;color:#8c8c8c;}2.固定菜单栏修改菜单所在盒子原为class改为id并修改对应css
2021-03-20 21:11 · vue / nuxt / 回到顶部
[问答] 博客系统登录界面iphone端验证码显示异常
看下面的代码可以看到我设置了css样式,但是我去掉过,还是无法显示。。。阳光沙滩的验证码就显示的这么爽,怎么样也能让我的验证码正常显示呢,图片在下面,可能有东西没交代清除,可以留言我给补上。
2020-11-08 22:41 · 验证码显示
[文章] 后台如何通过代码让浏览器更新静态资源?
这是因为网页的内容已经更新了,而相关的js文件,css样式这些静态文件没有更新。如果名字相同,浏览器默认会从缓存中获取,加快渲染速度。你修改了静态资源文件,不可能让用户去清除浏览器记录吧。
2020-01-10 13:48 · 前端 / js / css / 缓存 / 后台
[文章] 利用Flex布局实现领卷联盟
利用Flex布局实现领卷联盟最近观看康师傅的领卷联盟的前端视频,发现康师傅大部分使用的是浮动来进行布局,然后利用浮动需要考虑的因素太多,视频里面也经常对Css的代码进行修改,为了减小布局的复杂性,自己尝试的使用
2020-09-03 20:46 · Css / 前端 / 前端布局
[文章] 运维实习生能有什么坏心思呢?
所以我要重新学习前端啦,那就从HTML、css、JavaScript这些开始吧,安卓就跟着康师傅学习,Java我会一些。换赛道的时间应该在七月份吧,如果上海呆不下去,我就去我比较熟悉的深圳找工作。
2021-03-21 12:18 · 运维
[文章] Nginx快速入门
内置策略轮询依次循环访问加权轮询根据服务器权重值访问IPhash对请求客户端的IP进行hash操作,根据hash结果将同一客户端的请求分发给同一台服务器进行处理,解决session不共享问题扩展策略动静分离将网站中的动态资源(数据展示)与静态资源(css
2022-07-23 15:51 · Nginx
[文章] Mime 类型列表
pkix-crl-crt================>application/x-x509-ca-cert-csh================>application/x-csh-css
2019-12-05 16:00 · Mime / 文件类型 / 后台 / web / 文件上传
[问答] 字体不能居左 就那个安徽简介那里 图片用css relative position也不可以 有没有大佬救救我

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>美丽家乡</title>

<style>

.box{width:1920px;

height:204px;

background-color: antiquewhite;

background-size: 1915px 204px;

background-image:url("image/b2146af36c2b40bdc399035e139c57bd_6df191714ae549ddb818b6e3a69ae538.jpg");}

.box1{border: 3px solid #000000;

width: 1920px;height: 104px;

position: absolute;

top: 209px;}

#grad1{

height:104px;

width: 1915px;

background-color: #AEACAC;

background-image:linear-gradient(to bottom right,white,grey);}

.tanchuang {

width: 200px;

height: 148px;

z-index: -99;

}

.button{

float: top;

width:auto;

height: 30px;

border-radius: 3px;

text-align: left;

line-height: 0.000001px;

font-size: 20px;

margin: auto;

cursor: pointer;

position: relative;

top: -115px;

}

.nav li{

list-style:none;

width: 250px;

height: 450px;

float: left;

text-align: center;

line-height: 50px;

position: relative;

top: -100px;

z-index: 99;

}

.nav li::before{

position: absolute;

top:6px;

left: 1px;

z-index: -99;

display: none;

}.ziti{

position: relative;

left:-800px;


z-index: 99;

}

.nav{

width: 950px;

height: 50px;

margin: 0 auto;

padding: 0;

font-size: 32px;

  padding: 7px;

border: 7px;

position: relative;

right: 50px;

}

.tu{

position: relative;

right: 500px;

top: 10px;

}

.shangfu{

position: relative;

top: -30px;

}

.shangfu3{

position: relative;

top: -15px;

}

.zizititi{

font-size: 20px;

}

.jianjie{

}

}

  </style>

</head>

<body><div class="box"></div><div id="grad1"></div><div class="box1"></div>

<ul class="nav"><li>安徽美食<div class="tanchuang"></div><div class="button"><a href="家乡特产.html"><div class="shangfu">家乡特产</a><div class="button">地道小吃</div></div></div><p></p></div></li><li>安徽习俗<div class="tanchuang"></div><div class="button"><a href="节日习俗.html"><div class="shangfu">节日习俗</a><div class="button">礼仪习俗</div></div></div></div></li>

<li>安徽风景<div class="tanchuang"></div><div class="button"><a href="风景名胜.html"><div class="shangfu3">风景名胜</div></a></div></li></ul></ul><h1><div class="jianjie">安徽简介</div></h1>

<div class="tu"><img src="image/6b5172946023d79fbcd4847aa5781d95_17248055734634897948.jpg"></div>

<p><div class="zizititi">安徽于清康熙六年(公元1667年)始建省(原江南省分为安徽,江苏两省),省名取安庆府与徽州府名第一字为安徽。安徽因历史上有古皖国和境内的皖山、皖河而简称“皖”。

安徽省是中国史前文明的重要发祥地之一。在繁昌县人字洞发现距今约250万年前人类活动遗址。在和县龙潭洞发掘的三、四十万年前旧石器时代的“和县猿人”遗址,表明远古时期已有人类生息繁衍在安徽这块土地上。亳州在商代曾为成汤之部,古寿春(今寿县)在春秋战国时曾为楚国首都。</div></p>

</body></html>

2021-06-17 20:25 · HTML / 前端 / 源代码
[文章] React实现文章的发布功能
bytemd/plugin-medium-zoom';importzhHansfrom'bytemd/locales/zh_Hans.json';import'bytemd/dist/index.min.css
2022-07-09 09:40 · react / markdown / 文章发布编辑器
[文章] Markdown语法
序号序号分为有序和无序有序我是第一个我是第二个我是第三个1.我是第一个2.我是第二个3.我是第三个无序javaC/C++HTMLCSSPyton-java-C/C++-HTML-CSS-Pyton分割线
2019-09-28 23:45 · markdown / 前端 / html / 程序员 / 标记语言
[文章] Vue服务端渲染技术SSR-数据加载
另外,这些面的内容也是可以分开写的,可以写成js,写成独立的css,然后引入即可。效果编写完以上的内容,效果如下:
2020-01-08 17:42 · nuxt / vue / 前端 / 前后端分离 / 前端开发
[文章] 【学习笔记】【领券联盟】前端(Nuxt.js)——3.编写公共头部
gt;<divclass="header-search-box"></div></div></div>为了使内容能够居中,书写相关的css
2021-03-14 22:41 · vue / nuxt / header
  • 1
  • 2