![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 51
ChanJcy
这个作者很懒,什么都没留下…
展开
-
html使用vue.js作为组件引入,vue3-sfc-loader用法!亲测有效!
由于公司的项目是需要单点登录的,我们的项目不能直接用vue,只能用传统的方法,然后为了组件化,最好是使用vue,试过用httpVueLoader,但由于不能使用import,而作者又出了vue3-sfc-loader。此次测试是以vue2和element ui为例子,如果是vue3和element ui plus的请自行去官网查看用法哦,谢谢!(请注意css文件的import的路径哦!)html引入vue.js,vue可以import js文件和css文件!目录结构如下:test02–compo原创 2021-10-15 16:41:58 · 8011 阅读 · 14 评论 -
html+css+jq 悬浮导航栏
右侧导航栏,一直悬浮在右侧居中处,当导航栏到页面的最上面部分,导航栏消失,当鼠标滑动到页面的第二部分,导航栏出来,导航栏出现的位置在页面的第二部分和第三部分,即是页面的中部和下部。可设置描点跳转到页面位置html代码<div class="r_xnav"> <ul class="rnav_ul"> <li> <a href="#indnav_z原创 2020-08-19 16:08:50 · 2137 阅读 · 0 评论 -
html+css+jquery tabs切换,左右切换和普通切换联合
html代码<div class="zy_nav"> <img src="左边未选中点击的图片" alt="" class="lnav"> <img src="右边未选中点击的图片" alt="" class="rnav"> </div> <ul class="zj_nav">原创 2020-08-19 16:06:42 · 242 阅读 · 0 评论 -
html+css table表格,内部线为1,每个单元格大小平均一致
html代码 <table class="cjzytf_table" border="1"> <tr> <th>111</th> <th>2222</th>原创 2020-08-19 16:03:06 · 2384 阅读 · 0 评论 -
html+css 给内容接滑动条,并设置样式
html代码<div class="cjlc"></div>css代码.cjlc{ position: relative; top: -71px; overflow: auto; overflow-x: hidden; width: 100%; height: 100%;}.cjlc::-webkit-scrollbar,.rhcj_xnr::-webkit-scrollbar{ // padding-left: 20px; width:原创 2020-08-19 15:59:55 · 347 阅读 · 0 评论 -
html+css+jquery tabs切换,hover和选中后的效果,每次点击都会回到并选中该模块的第一个目标
html代码<div class="zyys_contain"> <ul class="zyys_nav"> <li class="cur"> <span>tabs1</span> </li> <li>原创 2020-08-19 15:58:39 · 483 阅读 · 0 评论 -
html + scss 描点点击跳转,hover底部图片转换样式
html代码<ul class="ind_nav"> <li><a href="#indnav_zyys" style="display: block;width: 100%;height: 100%;"></a></li><li><a href="#indnav_jwcj" style="display: block;width: 100%;height: 100%;"></a></l原创 2020-08-19 15:54:32 · 375 阅读 · 0 评论 -
html+css 背景图片铺满并居中
html代码<div class="main-page"></div>scss代码从代码中我们可以看到,.main-page{ background: url('背景图片路径')no-repeat top center; position: relative; height:需要的高度px; overflow: hidden;}原创 2020-08-19 15:47:48 · 3839 阅读 · 0 评论 -
html+scss/ html+css 点击logo图片跳转到某个页面
页面都需要logo,然后点击logo就可以回到首页这样的话,可以用 a 标签来进行更加方便的进行跳转html代码<a href="/" class="index"></a>scss代码我们可以看到&:hover{ opacity: 1; }这行代码,其实这行代码用css表示也就是:.index:hover{opacity: 1;}.index{ position: absolute; width:354px; hei原创 2020-08-17 17:46:44 · 2721 阅读 · 0 评论 -
html+css 实现内容大小固定,跟随屏幕固定居中
html内容:<div class="ind_main"></div>css内容:给div设置宽度和高度,top和left都设置50%,然后 margin : -(div的高度的一半) 0 0 -(div宽度的一半);如以下代码所示.ind_main{ width: 1000px; height: 774px; position: absolute; top: 50%; left: 50%; margin-top: -340px; ma原创 2020-08-17 17:32:13 · 1431 阅读 · 0 评论