作为功能强大，支持不同数据格式的文件嵌入的语言，我们一定要心存畏惧。网站首页Html/css
JS实现点击弹出层再点击任意位置隐藏弹出层
发布时间：2019-08-08作者：余斗分类：[Html/css]浏览：次
我们经常使用到弹出层。对于弹出层，原本的意义就是增加与用户的交互，提升用户的好感度。我们在使用的时候需要注意几个弹出层的注意点： 弹出层的界面需要统一，不一致的弹出层并不能增加美感，相反还会显得页面布局更加杂乱无章； 弹出层的设计一定要好看，按钮要符合......
阅读全文>>手机端点击input输入框会变大的解决方法
发布时间：2019-08-06作者：余斗分类：[Html/css]浏览：次
今天在测试资源站的时候，发现一个问题，我在手机上调出搜索输入框后，页面会拉大并定位到输入位置，只能手动缩小才会还原，这算是一个bug，在网上搜索了一番，找到解决方法： 之前我的页面是加了以下代码： meta name= viewport content= width=device-width,initial-s......
阅读全文>>HTML网页中插入视频（Videos）的实现方法
发布时间：2019-07-10作者：余斗分类：[Html/css]浏览：次
在HTML中播放视频的方法有很多种，HTML视频（Videos）播放实例： video width= 320 height= 240 controls source src= movie.mp4 type= video/mp4 source src= movie.ogg type= video/ogg source src= movie.webm type= video/webm object data= movie.mp4 width= 320 h......
阅读全文>>移动端自适应样式@media的使用方法
发布时间：2019-05-16作者：余斗分类：[Html/css]浏览：次
通用手机端样式： @media all and (orientation : portrait) { /*竖屏*/ } @media all and (orientation : landscape) { /*横屏*/ } 指定手机端高度样式： @media screen and (max-width: 750px ) @media screen and (min-width: 720px ) and (max-width: 960px ) { //7......
阅读全文>>Html和CSS的网页布局技巧全面推荐
发布时间：2019-04-06作者：余斗分类：[Html/css]浏览：次
单列布局 水平居中 水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素） 使用inline-block和text-align实现: 000 ......
阅读全文>>一个简单的html表格自适应解决方案推荐
发布时间：2019-03-27作者：余斗分类：[Html/css]浏览：次
目前有很多智能的表格自适应解决方案。 他们分别是 flip the table on its side, convert it to a pie chart, gradually reduce the columns, allow users to determine columns, 设置允许 partial scrolling across the table. 而这些都是智能的。 然而，我们也要注意......
阅读全文>>HTML5 placeholder美化input背景提示文字
发布时间：2019-03-24作者：余斗分类：[Html/css]浏览：次
CSS3里提供了专门的规则属性来美化用placeholder实现的input输入框的背景提示信息。下面我们来看看如何用专用的CSS属性来美化具有placeholder属性的Input输入框。 CSS代码 在火狐浏览器中的写法和在谷歌浏览器和Safari里的写法有些不同，但相信以后会统一。 /* 通用 */ ......
阅读全文>>CSS实现自适应九宫格布局（完整方法大全）
发布时间：2019-03-07作者：余斗分类：[Html/css]浏览：次
看到微博和朋友圈都实现了图片九宫格，曾经有次面试也问到了九宫格这个问题，当时想到的是先固定每个单元格的宽高，然后进行浮动。今天想折腾一下，实现自适应父元素宽度的布局。这次我只写了四种方式去实现九宫格，算上inline-block的话就是五种了。 首先要注意的是九......
阅读全文>>禁止复制网页内容的方法（含PC端和移动端）
发布时间：2019-03-02作者：余斗分类：[Html/css]浏览：次
在网页的Html中，如果想实现禁止鼠标右键、禁止全? ⒏粗啤⒄程梢钥悸荍S来实现，方式有很多种。 PC端禁止复制网页内容的方法 oncontextmenu事件禁用右键菜单，js代码： document.oncontextmenu = function(){ event.returnValue = false ; } // 或者直接返回整个事......
阅读全文>>利用CSS3美化半个字符的实现方法
发布时间：2018-12-15作者：余斗分类：[Html/css]浏览：次
用CSS美化半个字符，就是把一个字符劈成两半，一半是A样式，一半是B样式。当然，大家都知道，不论是中文字符还是西文字符，单个字符否是无法拆分的，它们是文字的最新单元，如果是美化半个词或半个句子，这估计大家都知道如何做，也很常见。但半个字符如何美化呢？当然......
阅读全文>>