HTML5/CSS3

分享学习HTML5/CSS3最新网页制作方面的心得、兼容和技巧铺助，这里是智言个人博客！

处理“start value has mixed support, consider using flex-start instead”的警告

2020-12-17智言阅读(2774)评论(0)赞(154)

刚接手了一个新的项目，发现报如下错误：在网上搜索了下，发现是因为CSS写法不规范导致的。之前的CSS弹性盒子模型写法是这样的：但是这种是很早的属性值了，新的属性值应该是flex-start，如下：此致问题解决。

CSS3 弹性盒子(Flex Box)

2018-03-20智言阅读(2670)评论(1)赞(154)

这个CSS3属性从出来就是前端开发人员的心声，解决了很多问题，今天就是把这些属性都整理下。 flex-direction flex-direction 顺序指定了弹性子元素在父容器中的位置。语法 flex-direction: row |...

H5移动端知识点总结

2018-03-15智言阅读(3126)评论(0)赞(0)

移动开发基本知识点一. 使用rem作为单位 html { font-size: 100px; } @media(min-width: 320px) { html { font-size: 100px; } } @media(min-wid...

rem与px的转换

2017-04-26智言阅读(3193)评论(0)赞(156)

转载至：http://caibaojian.com/rem-and-px.html rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。我们知道...

一个自己闲暇时间做的一个响应式导航

2017-04-25智言阅读(3271)评论(0)赞(156)

刚做好的，因为要不断的练习，所以在前端这块还在继续努力，希望朝着自己的全栈更进一步。 HTML代码如下： <!DOCTYPE html> <html> <head> <meta charset="u...

利用符号字体美化表单元素

2017-04-23智言阅读(3733)评论(0)赞(158)

这几天更新了博客模板，然后空闲时间做了一个利用符号字体美化表单，代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t...

CSS小技巧之自定义个性的file表单样式

2017-03-21智言阅读(4472)评论(0)赞(154)

每当看到别人家的东西，总是那么的优美，他们的是这样的：再想想自己家的是这样的。样式没个性就算了，还那么多的废字，今天我们分享的就是如何把file表单做的漂亮些，废话不多说，直接进入正题。其实当...

CSS小技巧之:after和:before制作小气泡框体

2017-03-17智言阅读(4703)评论(0)赞(154)

最近好像特别迷恋使用这些小技巧。反正闲来无事，就随便研究研究前端这些东西。发现越发的喜欢啊。首先申明，代码均未做优化处理等。直接上代码： <!DOCTYPE html> <html> <head> &...

CSS小技巧之:after和:before制作小三角和tips提示框

2017-03-16智言阅读(4466)评论(0)赞(1)

首先，我的思路就想设计一个这样的：（下图）于是我就开始设计，代码如下： <!DOCTYPE html> <html> <head> <meta chars...

手机移动端WEB资源整合

2017-02-20智言阅读(3419)评论(0)赞(0)

2013年初接触移动端，简单做下总结，首先了解下移动web带来的问题设备更新换代快——低端机遗留下问题、高端机带来新挑战浏览器厂商不统一——兼容问题多网络更复杂——弱网络，页面打开慢低端机性能差——页面操作卡顿 HTML5新技术多—...

彻底弄懂css中单位px和em,rem的区别

2016-11-13智言阅读(4246)评论(1)赞(0)

首先声明，本文是转载过来的，内容如下： PX特点 IE无法调整那些使用px作为单位的字体大小；国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE...

CSS3选择非第一个子元素

2016-04-07智言阅读(4560)评论(0)赞(0)

有时候我们需要用CSS选择非第一个子元素，例如下面这样的HTML，希望让两个span之间间隔一定的距离，但又不希望简单的给每个span设置margin-right（会导致最后一个span也有margin-right，可能影响之后元素的排版）...

响应式图片解决方案

2016-01-17智言阅读(4149)评论(4)赞(155)

自己在开发网站的时候，发现目前的图片在响应式下还是有很多处理办法的，这里分享一篇网络上的文章，原文如下：如今开发一个网站不是响应式都不好意思拿出来，那么作为响应式中的重要一环「响应式图片」你又是如何解决的呢？网站的平均加载已经到了近 2...

关于群规和如何学好前端和后台的相关说明

2015-10-28智言阅读(35000)评论(9)赞(162)

为了更好的规范群信息和相关解答说明，所有内容均通过本页进行引导和总结（更新时间2018.3.15），请务必遵循群的相关规定，保持良好的交流环境，尊重他人等于尊重自己。本页地址做了特殊处理，直接输入web.asni.cn也可以直接访问。进群的...

Html5 Web的5中离线存储方式之localStorage

2015-06-05智言阅读(3702)评论(0)赞(0)

在HTML5越来越流行的今天，如果你还不知道离线存储，那就说明你落后了很多。 HTML5的离线存储方式有多种：Web SQL Database、LocalStorage、Cookie、WebStorage、IndexedDB、FileSys...

HTML5中meta属性的使用详解

2015-06-04智言阅读(3404)评论(0)赞(0)

这几天在忙着考驾照和学习一些基础的JavaScript知识，所以没怎么写我的个人博客，不过后期会慢慢分享出来的，今天主要分享的是一篇CSDN上的一篇博文，大家可以学习学习，内容如下： meta属性在HTML中占据了很重要的位置。如：针对搜索...

HTML中鼠标滚轮事件onmousewheel处理

2015-05-10智言阅读(7538)评论(0)赞(0)

分享一篇关于HTML中鼠标滚轮事件onmousewheel处理，是从网上看到的，学习前端的朋友可以多看看。滚轮事件是不同浏览器会有一点点区别，一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListe...

响应式设计之@media screen针对不同移动设备

2015-05-07智言阅读(3624)评论(0)赞(0)

device-pixel-ratio：定义输入设备屏幕的可视宽度与可见高度比率。 device-width：输入设备屏幕的可视宽度。 orientation ：屏幕横竖屏定向。landscape 是横向，portrait 是纵向【ipad ...

几个经常用到的Web函数（都是乱七八糟的汇总）

2015-04-30智言阅读(3740)评论(0)赞(0)

这几天脑袋大了，自己在研究一些别人写的chrome插件，也在自己动手写一个自己需要的插件，由于对web方面的知识掌握的还不是很全面，再加上又很久没有去学习了，所以导致自己写不好，然后就连锁反应的烦躁，然后就看别人的代码，然后就各种看不懂，然...

HTML5中新增的一些标签和描述

2014-08-05智言阅读(4084)评论(2)赞(0)

最近有抽一些时间来研究HTML/CSS，当然包括了HTML5和CSS3了，因为毕竟是最新的技术嘛，相对于java来说是要简单一些，但是如果你要贯通整个系统来学习，那还是有一定的难度的。那么今天智言就列举出了几个HTML5中的一些新标签(元素...

1
2
下一页
共 2 页