HTML5
  • 20个帮助你快速提升css技能的css技巧

    随着前端开发越来越关注效率:通过选择器的使用和简化代码来快速加载渲染。像Less、SCSS这样的预处理器在工作的时候,需要绕的路较长,而直接使用css速度会更快。这里涵盖了20个css技巧来帮助你减少重复规则和复写,在布局中标准化样式流程,不仅可以帮助你高效地创建自己的框架,而且可以解决许多常见的问题。1、使用CSS重置(reset)css重置库如normalize.css已经被使用很多年了,它们可以为你的网站样式提供一个比较清晰的标准,来确保跨浏览器之间的一致性。大多数项目并不需要这些库包含的所有规则,可以通过一条简单的规则来应用于布

    2020-05-14 0 0 0 0
  • 母亲节不能陪在妈妈身边,我用css和js给妈妈做了一个爱心飘落

    母亲节就要到了!坚守工作岗位的我们满怀歉意无法常回家看看,陪在妈妈的身边在这里通过「爱心飘落」给妈妈们送上最真挚的祝福和感恩!爱心飘落效果图第 ① 步:使用CSS中的伪类元素:before和:after画两个重叠在一起的红色长方形。!DOCTYPEhtml
    html
    head
    metacharset=UTF-8
    metaname=viewportcontent=width=device-width,initial-scale=1.0
    titleDocument/title
    style
    *{
    margin:0px;
    padding:0px;
    }
    .heart{
    width:400px;
    margin:100pxauto;
    position:relative;
    }
    .lovefall:before,
    .lovefall:after{
    content:;
    pos

    2020-05-12 0 0 0 0
  • HTML5结构

    1.定义文章块:articlearticle元素用来表示文档、页面中独立的、完整的、可以独自被外部引用的内容。可以是一篇博客、文章、帖子、评论或独立的插件等。一个article元素通常有它自己的标题,一般放在一个header元素里面,有时还有脚注,如文章的著作权,一般放在结尾处footer元素中。当article元素嵌套使用时,内部的article元素内容必须和外部article元素内容相关。!DOCTYPEhtml
    metacharset=UTF-8/
    metaname=viewportcontent=width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no!--内容宽度自

    2020-05-12 0 0 0 0
  • 极简网页设计技巧,打造简约之美

    极简网页设计技巧,打造简约之美aimeeth 2018-05-04 10:07:30 2869 收藏 2展开本文出自Mockplus团队,Mockplus是一款更快更简单的原型设计工具。极简主义网页设计风格,如何才能做到简约而不简单?简约风设计需要了解和掌握哪些禁忌和技巧,才能让网页设计简洁而不失魅力?继续阅读文章,小编将结合具体实例为大家一一讲解。近几年,极简主义设计风格(也称简约设计风格)越来越多的为设计师们所认可,采用并日渐流行。而这不仅仅是因为其界面简单整洁,便于用户理解和操作,还因其在提升网站和软件应用的加载速度,页面屏幕兼容度,以及用

    2020-05-06 0 0 0 0
  • 网页设计中最常见的9种设计风格

    网页设计中最常见的9种设计风格如今的网站千千万,每个网页设计都有自己独特的风格。今天唐人设计就来为大家总结网页设计中最常见的9种设计风格,一起来看/看吧!扁平化设计可以说是时下最常用的网页设计风格了,它弱化了材质、渐变、阴影,去除了冗余信息的图形元素、排版。这种风格设计可以使画面显得更加平滑,提升了网站内容信息的视觉层级,更加方便用户快速寻找自己需要的内容。同时扁平化的界面能更好实现不同尺寸的转化。这里所说的3D风格不是纯粹的使人感到身在其中的3D坏境,而是那些运用少量3D效果使整个网页显得更加灵动,通过

    2020-05-06 0 0 0 0
  • 用HTML5做一个个人网站,此文仅展示个人主页界面。内附源代码下载地址

    用HTML5做一个个人网站,此文仅展示个人主页界面。内附源代码下载地址

    2020-05-04 0 0 0 0
  • .html()与.text()区别与辨析

    这两天看了一下html和jquery的选择器,并对w3chool上面的在线编辑产生了兴趣,但是在用textarea展示后台纯html的时候发生错误,查阅各种资料发现不行……心态炸了。废话不多说了,上干货。首先,html属性中有两个方法,一个有参,一个无参。1. 无参html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档,返回的是一个String例子:html页面代码:divspan你好/span/divjquery代码:$(“div”).html();结果:span你好/span(获取子标签和文本内容)2.有参html(val):设置每一个匹配元素的html内容。这个

    2020-05-04 0 0 0 0
  • 简单设计购物车页面

    今天博主给大家分享一个自己做的购物车页面,使用的是html+css实现:话不多说,直接上图:这个页面只是实现了其布局视图,没有使用js或者jquery相关语言,在博主看来是比较利于我们将其加入到自己的程序中的以下是相关代码:index.html
    !DOCTYPEhtml
    html
    head
    metacharset=utf-8
    linkhref=css/car.cssrel=stylesheettype=text/css
    title/title
    /head
    body
    divclass=car
    divclass=good
    tabletrtdwidth=30%商品名称/tdtdwidth=20%单价/tdtdwidth=20%数量/tdtdwidth=30%操作/td/tr/table
    /div
    divclass=goods
    tabletrtdwidth=

    2020-05-04 0 0 0 0
  • 推荐9个web前端模板框架

    1、AdminLTE基于Bootstrap3.x的免费的后台管理模板框架。Github star数量达到了34.3k。GitHub项目地址:https://github.com/ColorlibHQ/AdminLTE在线演示:https://adminlte.io/themes/AdminLTE/index2.html演示效果:2、Vue-Element-Admin基于vue.2.0和Element UI的后台模板框架。Github star数量达到了53.5k。GitHub项目地址:https://github.com/PanJiaChen/vue-element-admin在线演示:https://panjiachen.github.io/vue-element-admin/#/dashboard演示效果:3、tabler基于Bootstrap4之上的免费HTML控制面板框架。Github star数量达到

    2020-05-03 0 0 0 0
  • html+css实现自定义图片上传按钮

    普通的input[type=‘file’]的效果很朴素可以自定义一个file选择文件的按钮:思路为:用定位将自定义的按钮遮住原来的选择文件按钮,再让点击自定义按钮时触发原来的选择文件按钮的事件即可(对此,label可实现)eg:html:css样式:结果图:点击“选择图片”按钮,则会触发选择图片的事件,你就可以选择图片啦!以上,是用bootstrap实现的,原生的如下:html:CSS:效果图:

    2020-05-03 0 0 0 0
ots网络logo

OTS网络安全门户主要提供网络信息安全教程、文章、工具,让更多的小伙伴加入我们的社区一起学习。

技术支持: 建站ABC | 管理登录