精华内容
下载资源
问答
  • 前端样式模板
    2021-09-30 11:30:51
    富文本页面样式
    .box{
        display: flow-root;
    
    /deep/  * {
        max-width: 100%!important;
        height: auto!important;
      }
    }
    
    单行省略
       white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    
    多行省略
     text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    
    背景图片失真解决
    image-rendering: -webkit-optimize-contrast;
    
    
    调整背景图
    background-position-y
    
    更多相关内容
  • 超过10个常用的网页模板,每个模板都是完整的,点击index.html即可运行,编写代码简洁,非常方便自己进行修改再使用,觉得OK的朋友点个赞哦~!
  • jsp前端样式

    2016-01-14 22:28:32
    java前端jsp样式 function editUser() { var row = $('#dg').datagrid('getSelected'); if (row) { $('#dlg').dialog('open').dialog('setTitle', 'Edit User'); $('#fm').form('load', row); url...
  • 前端快速开发模版 工具链 建立工具 编译打包工具browserify 代码编译babel CSS兼容自动前缀 css预编译less html代码预编译模版swig 前端代码版本更新 公共类库 jQuery的 Zepto 自己开发的简洁单页面框架app.js ...
  • HTML个人博客前端模板,各种风格,168套任意选,大量减轻敲代码时间,高效开发个人博客网站,总有一款适合你。
  • 前端页面基本模板

    2019-11-01 10:08:28
    web页面的 模板,后台系统搭建基本页面
  • 各种前端模板

    2021-07-05 11:16:12
    标准色板 扩展色板 图表配色模板 字体大小模板 状态提示配色模板 品牌配色模板 字体颜色模板 分类色板 状态提示配色模板 分割线配色模板

    标准色板
    在这里插入图片描述

    扩展色板
    在这里插入图片描述
    图表配色模板
    图表配色模板
    字体大小模板
    在这里插入图片描述
    状态提示配色模板
    在这里插入图片描述
    品牌配色模板
    在这里插入图片描述
    字体颜色模板
    在这里插入图片描述
    分类色板
    在这里插入图片描述
    状态提示配色模板
    在这里插入图片描述
    分割线配色模板
    在这里插入图片描述

    展开全文
  • HTML前端个人博客模板

    2022-01-26 00:07:59
    视频地址:http://r5mmmjhat.hn-bkt.clouddn.com/demo-address/个人博客HTML模板视频.mp4 ...页面和CSS样式和JS我都统一整理好了,导航栏、页脚等都是通过公共引入的,让页面更加简洁和更好的整理
  • 1、选用模板simplememory 2、写css放在 这些会覆盖掉原来的css样式我是在网上找的css代码二次加工的 : )/*1、针对simplememory的修改*/#google_ad_c1, #google_ad_c2 {display:none;}.syntaxhighlighter a, ....

    1、选用模板simplememory

    bfef26ee3f0750bd2f18d8287ee89586.png

    2、写css放在

    726203c146c7eb3777fa726a434d2fd4.png

    这些会覆盖掉原来的css样式

    我是在网上找的css代码二次加工的 : )

    /*1、针对simplememory的修改*/

    #google_ad_c1, #google_ad_c2 {display:none;}

    .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {

    font-size: 14px!important;

    }

    #home {

    opacity: 0.80;

    margin: 0 auto;

    width: 85%;

    min-width: 950px;

    background-color: #fff;

    padding: 30px;

    margin-top: 30px;

    margin-bottom: 50px;

    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

    }

    #blogTitle h1 {

    font-size: 30px;

    font-weight: bold;

    font-family: "Comic Sans MS";

    line-height: 1.5em;

    margin-top: 20px;

    color: #515151;

    }

    #navList a:hover {

    color: #4C9ED9;

    text-decoration: none;

    }

    #navList a {

    display: block;

    width: 5em;

    height: 22px;

    float: left;

    text-align: center;

    padding-top: 18px;

    }

    #navigator {

    font-size: 15px;

    border-bottom: 1px solid #ededed;

    border-top: 1px solid #ededed;

    height: 50px;

    clear: both;

    margin-top: 25px;

    }

    .catListTitle {

    margin-top: 21px;

    margin-bottom: 10.5px;

    text-align: left;

    border-left: 10px solid rgba(82, 168, 236, 0.8);

    padding: 10px 0 14px 10px;

    background-color: #f5f5f5;

    }

    #ad_under_post_holder #google_ad_c1,#google_ad_c2{

    display: none !important;

    }

    body {

    color: #000;

    background: url(http://images.cnblogs.com/cnblogs_com/ZhengWH/1395456/o_1.png) fixed;

    background-size: 100%;

    background-repeat: no-repeat;

    font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;

    font-size: 12px;

    min-height: 101%;

    }

    #topics .postTitle {

    border: 0px;

    font-size: 200%;

    font-weight: bold;

    float: left;

    line-height: 1.5;

    width: 100%;

    padding-left: 5px;

    }

    div.commentform p{

    margin-bottom:10px;

    }

    .comment_btn {

    padding: 5px 10px;

    height: 35px;

    width: 90px;

    border: 0 none;

    border-radius: 5px;

    background: #ddd;

    color: #999;

    cursor:pointer;

    font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;

    text-shadow: 0 0 1px #fff;

    display: inline !important;

    }

    .comment_btn:hover{

    padding: 5px 10px;

    height: 35px;

    width: 90px;

    border: 0 none;

    border-radius: 5px;

    background: #258fb8;

    color: white;

    cursor:pointer;

    font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;

    text-shadow: 0 0 1px #fff;

    display: inline !important;

    }

    #commentform_title {

    background-image:none;

    background-repeat:no-repeat;

    margin-bottom:10px;

    padding:0;

    font-size:24px;

    }

    #commentbox_opt,#commentbox_opt + p {

    text-align:center;

    }

    .commentbox_title {

    width: 100%;

    }

    #tbCommentBody {

    font-family:'Microsoft Yahei', Microsoft Yahei, 宋体, sans-serif;

    margin-top:10px;

    max-width:100%;

    min-width:100%;

    background:white;

    color:#333;

    border:2px solid #fff;

    box-shadow:inset 0 0 8px #aaa;

    // padding:10px;

    height:250px;

    font-size:14px;

    min-height:120px;

    }

    .feedbackItem {

    font-size:14px;

    line-height:24px;

    margin:10px 0;

    padding:20px;

    background:#F2F2F2;

    box-shadow:0 0 5px #aaa;

    }

    .feedbackListSubtitle {

    font-weight:normal;

    }

    #blog-comments-placeholder, #comment_form {

    padding: 20px;

    background: #fff;

    -webkit-box-shadow: 1px 2px 3px #ddd;

    box-shadow: 1px 2px 3px #ddd;

    margin-bottom: 50px;

    }

    .feedback_area_title {

    margin-bottom: 15px;

    font-size: 1.8em;

    }

    .feedbackItem {

    border-bottom: 1px solid #CCC;

    margin-bottom: 10px;

    padding: 5px;

    background: rgb(248, 248, 248);

    }

    .color_shine {background: rgb(226, 242, 255);}

    .feedbackItem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;}

    #comment_form .title {

    font-weight: normal;

    margin-bottom: 15px;

    }

    3、更改背景

    1)选好图片

    2)上传到博客园相册:别的地方需要引用在线图片文档什么的,都可以放在这里 ^-^(可惜不能太大)

    3)点击相册里上传好的图片,在好看的博客页面查看

    4)在图片左下角点开,复制网址,这个就是用来指定地址的

    dc65624fa3172dcf7ddffe230d9ea0b6.png

    5)更改css代码中的url,括号里那一坨

    3efda51a434423e2ed5a35b40cb31890.png

    以上。模板美化就,哦可了。

    展开全文
  • 商城 前端 html 可以直接用于开发,后台开发的福音。
  • 整理一些前端模版比较好的网站

    万次阅读 多人点赞 2019-04-04 11:21:37
    作为一个开发人员,对前端技术的掌握只能说的三流以上二流开外。但是公司对内部的后台界面不重视,所以就只能是我自己写。但是我是一个样式都要扣很久,还得去百度的人。一些现成后台管理模板就显得很救命了!!! ...

           作为一个开发人员,对前端技术的掌握只能说的三流以上二流开外。但是公司对内部的后台界面不重视,所以就只能是我自己写。但是我是一个样式都要扣很久,还得去百度的人。一些现成后台管理模板就显得很救命了!!!

           下面是我在做开发的时候看到的网站汇总:

    • 飞冰https://alibaba.github.io/ice/。飞冰是阿里旗下的一个开发工具,需要react基础。优点在于提供了很多模板,可以选择下载。

    蚂蚁金服出品,非常著名的框架。Ant Design 也是基于 React 开发的,并不是传统的 html。React 起源于 Facebook 的内部项目,现在已经成了一个很流行的开发工具。

    1. 面向Web应用程序的企业级UI设计语言。
    2.  开箱即用的一组高品质React组件。
    3.  整套开发和设计资源和工具。

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包,是一个 CSS/HTML 框架,目前世界上的很多网站开发都使用了这个。其中的栅格理论、响应式解决方案都变成了业界的参考规范。很多框架都是基于bootstrap的,重点他的官方文档编写的特别好,炒鸡适合对前端只是基本了解的人,而且他们家提供了很多模板可供参考。

     

     

    • https://keenthemes.com/metronic/   这个是国外的一家基于Bootstrap 3.x的高级管理控制面板主题。Bootstrap Metronic - 是一个完全响应式管理模板。基于Bootstrap3框架。高度可定制的,易于使用。适合从小型移动设备到大型台式机很多的屏幕分辨率。里面有很多模板,我最后选择的就是他们家,不是免费的!!

    • https://demos.creative-tim.com/   Light Bootstrap Dashboard是一个建立在Bootstrap3之上的、完全响应的管理仪表板模板设计,美丽而简单。Light Bootstrap Dashboard附带了大量的元素集合,可以为你提供最适合你需要的应用程序的多种可能性。它可以用来创建管理面板、项目管理系统、Web应用程序后端、CMS或CRM。

    • https://www.layui.com/  layui框架这个是非常非常经典的框架了,采用自身模块规范编写的国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。除了不兼容IE浏览器,其他都兼容。

     

     

     

     

    展开全文
  • 源码之家- [url]www.mycodes.net[/url] 酷网动力 [url]www.aspcool.com[/url] 源码联盟 [url]www.aspsun.com[/url] 源码天下 [url]www.pccode.net[/url] 秦岭移动 [url]www.qinlingmobile.com[/url]...
  • 一款通用的婚礼策划,婚纱摄影类小程序前端模板。支持在线预约,婚纱定制等手机微信小程序模板
  • admin前端模板

    2017-11-28 16:29:26
    2017年,国外网站20美元购买的后端模板,扁平话设计,样式美观。包含angular模板,纯静态页面,psd源文件,laravel5模板,aspnet模板,rails模板,,非常详尽的使用说明(老外的东西就是做的到位)使用非常方便
  • Java Web 前端页面 模板源码

    万次阅读 2019-01-06 14:19:27
    本文只展示3例模板 ,源码文件请点击提取码.如果需要更多请联系本人获取. 1.源码文件提取码:https://pan.baidu.com/s/104nrthWY1M3RwPnhHfjrRg  2.源码文件提取码:...
  • 商城后台管理模板
  • 前端后台界面模板

    2017-03-17 11:01:27
    后台静态页面模板
  • 样式的继承,我们为一个元素设置的样式同时也会应用到它的后代元素上 2. 范围 继承是发生在祖先元素和后代元素之间 3. 优点 继承的设计是为了方便开发,利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上...
  • 最近在尝试着自己部署一下OtterTune的项目,并且为以后魔改做做准备,但是在成功运行项目并且让Django的后端跑起来之后,发现前端的CSS样式丢失了,并且好多正常的功能也都没办法做。 因为OtterTune毕竟是17年的...
  • 前端小白--前端重置样式

    千次阅读 2017-12-13 19:35:43
    本文主要是展示前端重置样式,即将html元素自带样式清除。 reset.css代码如下: body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;...
  • 后台系统前端模板

    2022-05-19 00:17:30
    后台系统前端模板——WeAdmin Layui作为后台开发的前端框架,一直以来深受后端开发人员的喜爱。今天这篇文章展示WeAdmin设计巧妙之处,如果需要自定义菜单结构、理解其中的代码和运作原理,这里会给大家演示其修改...
  • 前端jquery设计主题网站模板
  • 最全前端简历模板 求职必看
  • 今天我们来一起聊聊CSS的样式 昨天咱们用table标签布局了一个注册的页面~,但是table的布局存在一定的缺陷就是都写死了,不利于修改~ 现在一般采用DIV+CSS来进行布局,那我们来一起聊聊吧~ 什么是DIV? Div是HTML...
  • 前端必备精美CSS样式,不来瞅瞅吗?

    多人点赞 热门讨论 2022-06-01 21:42:48
    我特别喜欢收集前端好看的特效代码,前端好用的网站。今天给大家分享出来,如果觉得有帮助可以点赞收藏支持一下,如果能关注一下就再好不过了ヾ(≧▽≦*)o,之后还会分享许多干货,话不多说,上动图(网站在文章末尾...
  • 关于前端渲染 MarkDown 样式

    千次阅读 2022-02-09 21:10:55
    关于前端渲染 MarkDown 样式 1.使用 showdown 使用 showdown,可以将 markdown语法的内容转换为 html格式的内容 # hello => <h1>hello</h1> 引入:npm install showdown 使用: main.js import ...
  • 为了讲清楚其中的原理,我会从零开始实现一个简易的微前端框架,它的核心功能包括:渲染、JS沙箱、样式隔离、数据通信。由于内容太多,会根据功能分成四篇文章进行讲解,这是系列文章的第三篇:样式隔离篇。 通过...
  • 模板前端模板,其中主要有三个html页面,包括css样式,img图片资源,js资源,资源很全,是大佬开发的。
  • 新增: 完善讲师功能,从讲师入驻到讲师后台,形成一个业务闭环;...5.优化pc 端课程详情视频样式展示 6.优化pc 端新闻详情页 、课程详情 、资料详情等内容图片大小控制 7.适配v2.0版本,其他细节调整优化
  • 对于俺这种木得票子的打工仔,缺少扩展显示器等外设,写代码、切文档、改样式需要反复缩放界面,很烦~ 总结一些开发中的技巧,提升开发速度和开发舒适度 首先,在写html、wxml时,带上样式类名 就像这样,在...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 64,797
精华内容 25,918
关键字:

前端样式模板