文章
文章用户圈子
全部标签

HTML+CSS

  • 本站底部友情链接导航教程

    本站底部友情链接导航教程

    很多网友问久伴网站底部友链样式，久伴一直很忙，今天忙里偷闲跟大家分享一下本站友链样式实现教程 打开主题目录/footer.php文件 在如下图位置添加HTML代码 <div class="j_footer_link"> <div class="j_footer_link_title"><span>友情链接</span…
    HTML+CSS
    • 615
    • 0
    久伴久伴
  • 分享二个css3属性antialiased;与 grayscale;

    分享二个css3属性antialiased;与 grayscale;

    前言  分享二个可以使网站字体抗锯齿高清的CSS属性 CSS3里面加入了一个“-webkit-font-smoothing”属性。 这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。 加上之后就顿时感觉页面小清晰了。 淘宝也在用哦！ 它有三个属性： none ------ 对低像素的文本比 较好 subpixel-antialiased ------默认值 antialiased -…
    HTML+CSS
    • 727
    • 0
    久伴久伴
  • 利用css transform转换绘制五角星绘制五星红旗

    利用css transform转换绘制五角星绘制五星红旗

    效果截图 源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.…
    HTML+CSS
    • 702
    • 0
    久伴久伴
  • 分享一下前端table表格自适应方案

    分享一下前端table表格自适应方案

    现在前端框架满天飞，bootstrap，mdui，meiziUI,element等等框架，使用框架自带的table类基本三二分钟就搞定一个自适应的table表格，但是实现的方案，大家了解吗 久伴在一次项目实战中，需要一个table表格，虽然没要求要自适应，但是热爱前端的久伴是个完美主义者，table当然要自适应才舒服 基本表格 <!DOCTYPE html> <html lang…
    HTML+CSS
    • 1.2k
    • 0
    久伴久伴
  • 面试简历html+css源码免费下载

    面试简历html+css源码免费下载

    [mark_e]此模板为久伴原创，如若转载请注明出处，thankyou [/mark_e] 模板截图 模板下载 [url href=https://jiubx.com/wp-content/uploads/2020/04/202004181129037.zip]本地下载[/url]
    HTML+CSS
    • 793
    • 0
    久伴久伴
  • css自定义a标签下划线动画效果

    css自定义a标签下划线动画效果

    具体效果可以通过鼠标移动到本站文章中的超链接上面查看 鼠标移动到我查看效果 效果图演示 HTML代码 <p>Lorem ipsum dolor <a class="fancy-link" href="#">sit amet ... beatae</a>, quo iure ... consequatur.</p>…
    HTML+CSS
    • 1.6k
    • 0
    久伴久伴
  • 分享一个前端banner效果

    分享一个前端banner效果

    效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>banner</title> <style> * { margin: 0; padding: 0; border: 0; …
    HTML+CSS
    • 723
    • 0
    久伴久伴
  • css自定义鼠标滑动选中文本背景色及文字颜色

    css自定义鼠标滑动选中文本背景色及文字颜色

    默认 自定义 以下是自定义代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> ::selection { color: #fff; bac…
    HTML+CSS
    • 652
    • 0
    久伴久伴
  • css清除浮动方法

    css清除浮动方法

    浮动的产生会带来哪些问题，大家看一下例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .diva,.divb{ width: 300px…
    HTML+CSS
    • 448
    • 0
    久伴久伴
  • only-child与only-of-type结构类

    only-child与only-of-type结构类

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>only-child</title> <style> div:only-child { color: red; } </style…
    HTML+CSS
    • 1.2k
    • 0
    久伴久伴
  • Css first-of-type与last-of-type结构类

    Css first-of-type与last-of-type结构类

    代码举例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>last-of-type</title> <style> div:last-of-type { color: red; } &…
    HTML+CSS
    • 848
    • 0
    久伴久伴
  • Css nth-of-type() 结构参数类

    Css nth-of-type() 结构参数类

    nth-of-type()和nth-child()区别 以下放出二个结构类的代码及运行结果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>nth-child</title> <style&…
    HTML+CSS
    • 739
    • 0
    久伴久伴
  • Css nth-child()结构参数类

    Css nth-child()结构参数类

    代码举例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>nth-child</title> <style> ul > li:nth-child(2) { color: red;…
    HTML+CSS
    • 638
    • 0
    久伴久伴
  • Css first与last结构类

    Css first与last结构类

    first-child代码举例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>first-child</title> <style> li:first-child { color: …
    HTML+CSS
    • 999
    • 0
    久伴久伴
  • Css动态伪类

    Css动态伪类

    演示效果 代码举例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Css3动态伪类</title> <style> a { text-decoration: none; } a:li…
    HTML+CSS
    • 662
    • 0
    久伴久伴
  • Css3属性选择器

    Css3属性选择器

    举个例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>属性选择器例子</title> <style> /**a标签带有href标签的将被匹配**/ a[href] { colo…
    HTML+CSS
    • 543
    • 0
    久伴久伴
  • 列表限制文字长度，隐藏部分用…替代

    列表限制文字长度，隐藏部分用…替代

    很多cms网站首页都有文章列表分类，几乎cms首页列表分类中的文章标题都会对字数有一个限制，为了排版整齐，这是必须的 不限制的效果图 限制的效果图 关键代码 white-space: nowrap;设置文字不换行 overflow: hidden;设置超出父元素隐藏溢出 text-overflow: ellipsis;隐藏部分用...替代 实现演练 首先你得给父元素设置一个宽度（这个是关键点） 实…
    HTML+CSS
    • 1.2k
    • 0
    久伴久伴
  • js实现关闭网页出现是否离开提示

    js实现关闭网页出现是否离开提示

    绑定windows对象 <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>测试</title> <script> 　　window.onbeforeunload=function(e){ 　　var e = window.event||e; 　　e.r…
    HTML+CSS
    • 824
    • 0
    久伴久伴
  • css实现父div透明子div内容不透明

    css实现父div透明子div内容不透明

    标题可能不是很专业，只要你有一点前端基础的应该能看懂意思，昨天没休息好，今天写项目有点飘，总是写了尾巴忘了头，年轻少熬夜*-* 如标题今天记录三个Css属性 opacity rgb rgba 下面来讲解一下久伴遇到的坑，由于久伴是前端小白，项目经验不多，在写一个demo的时候遇到一个问题，如图所示 父div透明了，但是父div中的子div也继承了opacity透明属性，这可不是久伴要的效果 解决方…
    HTML+CSS
    • 2k
    • 0
    久伴久伴
  • a标签中合理使用rel=”external nofollow”

    a标签中合理使用rel=”external nofollow”

    [mark_c]NoFollow 是 Google 曾经提出的一个a新标签，目的是减少垃圾留言解释当前页面与此留言链接指向页面之间的关系。使用了此标签表明链接与网站作者无关，也就是说搜索引擎不会用这个链接计算网站的 PR 值。很多博客程序都会自动在评论链接中加上 nofollow 标签。现在主流的 Blog 程序，如 WordPress 和 MovableType 均默认为其留言与 trackba…
    HTML+CSS
    • 1.7k
    • 0
    久伴久伴
  • 利用css使文字渐变

    利用css使文字渐变

    [mark_c]本博客加入QQ群就是这个效果,代码来至:青找博客英文名:Qing Zhao[/mark_c] 效果图 HTML <div class="masked"><p> 一个人真正优秀的特质来自于内心想要变得更加优秀的那种强烈的渴望，和对生命的追求那种火热的激情。 <br></p></div> CSS .mask…
    HTML+CSS
    • 915
    • 0
    久伴久伴
  • 分享久伴博客浏览器滚动条样式

    分享久伴博客浏览器滚动条样式

    [mark_b] 分享一个比较炫酷的浏览器滚动条样式,喜欢自带的可以路过~~,效果图见久伴博客右侧浏览器滚动条,,喜欢简洁的可以看这篇文章https://jiubx.com/2050.html[/mark_b] css代码 ::-webkit-resizer { border-radius: .3125rem; background-color: #2f4056; } ::-webkit-scro…
    HTML+CSS
    • 1.3k
    • 0
    久伴久伴
  • 利用绝对定位跟logo加个圣诞帽

    利用绝对定位跟logo加个圣诞帽

    [mark_e]圣诞节马上就要来了,我们网站是否要做点节日特效,嘿嘿,例如网页下雪,logo加圣诞帽-此代码参考雅兮网&闲鱼博客[/mark_e] 演示图 教程 用到的素材,请自行另存为: 首先找到你网站logo右键检查或者审查元素(浏览器不一样叫法不一样)找到logo这个div的样式 下面就用久伴logo的样式来举例说明一下,大家依葫芦画瓢,因为每个网站的样式不一样,命名不一样 跟久伴一…
    HTML+CSS
    • 2k
    • 0
    久伴久伴
  • console.log控制台日志输出美化

    console.log控制台日志输出美化

    [mark_a]讲真的建站半年我还不知道console.log是啥玩意,后来看新闻看到一篇百度招聘内幕,百度在招聘网也招人,但是在自己网站console.log日志中也招人,但是二者之间留的邮箱不一样,百度人事会优先考虑通过console.log看到邮箱投来简历的求职者[/mark_a] 怎么看到console.log日志,ctrl+shift+i或者直接f12打开控制台点击console就可以看…
    HTML+CSS
    • 2.9k
    • 0
    久伴久伴
❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
客服

  • 扫码打开当前页

  • 客服微信

返回顶部