-
网页超级链接该以什么方式打开?
所属栏目：[系统] 日期：2020-05-10 热度：148
一直以来都有这样一个困惑，那就是打开页面间的链接时是在原窗口转换还在新窗口打开呢？如果是在原窗口里转换页面的话，那我还想使用原页面的信息呢？但是在新窗口打开的话，到时候可能是一屏幕的窗口（现在的浏览器都提供标签式浏览我认为这是浏览器至今[详细]
-
以HTML为基础学习DIV CSS
所属栏目：[系统] 日期：2020-05-10 热度：126
点击这里浏览本站 网页设计教程 栏目内容 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基[详细]
-
CSS盒模型制定网页的宽度和高度的原理
所属栏目：[系统] 日期：2020-05-10 热度：63
当我们布局一个网页的时候，经常会遇到这样的一种情况，那就是最终网页成型的宽度或是高度会超出我们预先的计算，其实就就是所谓的CSS的盒模型造成的。 #test{margin:10px;padding:10px;width:100px;height:100px;} 如上一段的代码，很多时候我们会把它所[详细]
-
细说CSS3中的选择符
所属栏目：[系统] 日期：2020-05-10 热度：179
英文原文： 中文翻译： ?id=197 注：本文写于2006年1月，当时IE7、IE8和Firefox3还未发行，文中所有说的浏览器支持均未包括这三个版本的浏览器。在IE8和Firefox3中，文中的大部分选择符已经被支持[dudo注] 在2005年的9月和10月，我先后发表了几篇关于CSS2.[详细]
-
CSS教程:闭合CSS浮动元素的几种方法
所属栏目：[系统] 日期：2020-05-10 热度：173
按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？ 有一种[详细]
-
CSS:何制作一个向各个方向延展box?
所属栏目：[系统] 日期：2020-05-10 热度：122
在HTML中, 如果过你没有指定一个确定的宽度的话, 块级元素本身就会在垂直方向上延展. 想象一个无序清单. 这个清单会自己扩展来适应它所有的清单元素. 如果用户在他们的浏览器中增加了字体大小, 清单会在垂直方向上延展, 来适应变大的内容. 有时候, 感觉仅[详细]
-
基于ccs3的timeline时间线实现方法
所属栏目：[系统] 日期：2020-05-10 热度：165
实现 该控件的实现过程较为简单，主要由test.html文件和timeline.css文件组成。具体代码如下： 1、test.html文件 !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8meta name=viewport content=width=device-width, initial-scale=1.0meta http-equiv=X-UA[详细]
-
基于CSS 判断鼠标进入的方向
所属栏目：[系统] 日期：2020-05-10 热度：147
在之前某一个前端技术群里，有一个群友说他面试的时候遇到了一个问题，就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。 给出的初始结构如下： stylebody {padding: 2em;text-align: center;}.block {position: relative;disp[详细]
-
css中用javascript判断浏览器版本
所属栏目：[系统] 日期：2020-05-10 热度：133
看如下的javascript脚本： if (window.XMLHttpRequest) { //Mozilla, Safari,...IE7 alert('Mozilla, Safari,...IE7 '); if(!window.ActiveXObject){ // Mozilla, Safari,... alert('Mozilla, Safari'); } else { alert('IE7'); } } else { alert('IE6');[详细]
-
css教程:经常保持CSS的整洁度和有序性
所属栏目：[系统] 日期：2020-05-10 热度：75
点击这里浏览本站 CSS 频道内容。 经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。 重置样式(reset styles) 排版样式(typography styles) 布局样式(layout styles (header, content, footer, etc.)) 模块和widget样式module or[详细]
-
dl,dt,dd,ul,li,ol区别及应用
所属栏目：[系统] 日期：2020-05-10 热度：126
ul: unordered lists ol: ordered lists li: Lists ol有序列表: ol li/li li/li li/li /ol 表现为： 1 2 3 ul无序列表，表现为li前面是大圆点而不是123: ul li/li li/li /ul 很多人容易忽略dldtdd的用法: dl内容块 dt内容块的标题 dd内容 可以这么写： dl d[详细]
-
css教程:选择合适的、有意义的元素描述内容
所属栏目：[系统] 日期：2020-05-10 热度：192
点击这里查看本站的 css 频道的内容 您应该明白为什么我会说到这个，选择合适的、有意义的元素去描述你的内容，确保您所选择的是富有语义的类class和id特征值。做正确的事情会使你的生活变得容易很多，如果你是某个团队的一分子，对团队其他成员来说也是如[详细]
-
CSS编写中灵活运行注释的意义
所属栏目：[系统] 日期：2020-05-10 热度：100
如果使用注释的方法得当的话，为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息，不过使用注释对优化组织结构和提升效用也很有帮助。 提示和标签 这是注释最常用的途径，可以为自己或其他开发人员留[详细]
-
关于CSS 框架的论述
所属栏目：[系统] 日期：2020-05-10 热度：133
最近看到N多介绍CSS框架，前些天我说过一句话：在我有限的视野里，还没见到可以真正可以称得上css框架的东东~，当然也可能是我的视野太小了，或者是说世界太大了，我自己还是感觉还有一大堆我看不到的东西。 先来看一下一个我比较认同的概念： 框架可分为[详细]
-
DIV CSS常用的网页布局代码
所属栏目：[系统] 日期：2020-05-10 热度：186
单行一列 以下是引用片段： body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;} 两行一列 以下是引用片段： body{margin:0px;padding:0px;text-align:center;} #content-top{margin-[详细]
-
网页注册表单的网页设计技巧
所属栏目：[系统] 日期：2020-05-10 热度：57
Ajax的流行给用户体验带来了很大程序的提升，而注册这项做为互联网最常用到的功能也自然而然的成为Ajax最常光顾的地方，实时判断用户输入的用户名是否被抢注、检测两次输入的密码是否一致，检测用户输入的邮箱格式是否正确，等等这些功能因为有了Ajax的加[详细]
-
css教程:CSS文件应该保持整洁和统一
所属栏目：[系统] 日期：2020-05-10 热度：72
点击这里浏览本站 CSS 频道内容。 一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整，需要剔除冗余的代码，在CSS样式重整方面，比较头疼，不仅需要对现有的样式进行合并与精简，还需要为网站增加换肤功能。 不难看出，这是一个令人感[详细]
-
CSS实现隐藏滚动条并可以滚动内容效果(三种方式)
所属栏目：[系统] 日期：2020-03-29 热度：137
隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。 方法1：计算滚动条宽度并隐藏起来 在本站的侧栏，你可以看到[详细]
-
CSS3 不定高宽垂直水平居中的几种方式
所属栏目：[系统] 日期：2020-03-29 热度：89
.father {display: flex;justify-content: center;align-items: center;} 这种方式兼容性不好 2、position + transform .son {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} IE9以下不支持transform属性 3、table + table-ce[详细]
-
ie中出现的jquery.form.js拒绝访问,input上传按钮必须主动点击的问题
所属栏目：[系统] 日期：2020-03-29 热度：157
下面先给大家看下代码 form id=uploadFileForm2 name=uploadFileForm2 enctype=multipart/form-data method=postdiv class=upload-wapper mt20input type=file name=excelfile id=dataFile class=dataFile accept=application/vnd.openxmlformats-officedo[详细]
-
使用 CSS3 中@media 实现网页自适应的示例代码
所属栏目：[系统] 日期：2020-03-29 热度：152
如今，电脑显示器的屏幕分辨率向越来越大发展，而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站，开始让自己的页面自适合各种分辨率，在小分辨率下显示基本的内容，在大分辨率下显示全部功能，甚至是分多等级的多版本。 一、CSS2 中的@me[详细]
-
css3 给背景设置渐变色的方法
所属栏目：[系统] 日期：2020-03-29 热度：173
css 给网页中的背景设置渐变色，css的渐变颜色可以指定固定的两个颜色之前的线性过度，这个css3属性只支持高版本的浏览器。 //浏览器前缀background: linear-gradient(red, blue);background: -webkit-linear-gradient(red, blue);background: -o-linear-g[详细]
-
浅谈只要css就能实现的骨架屏方案
所属栏目：[系统] 日期：2020-03-29 热度：119
线上体验地址 https://jsfiddle.net/z13wtr0q/ 先说优缺点，毕竟骨架屏实现的方案有很多种 优点 简单，不需要工程，不用puppeteer生成骨架dom，也不需要二次开发维护 定制程度高，想怎么搞就怎么搞 不臃肿，只给你想要的 缺点 自动化程度低，需要在骨架dom[详细]
-
CSS Hack整理
所属栏目：[系统] 日期：2020-03-29 热度：51
CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务. 我进行前端开发的时候,测试用的浏览器大致有: IE7, IE6, Opera9(文章撰写时版本为9.25 8825), Safari3([详细]
-
详解CSS外边距折叠引发的问题
所属栏目：[系统] 日期：2020-03-29 热度：70
第一种：两个块级元素的上下边距折叠 第二种：父元素和子元素（或者最后一个元素）的外边距 第三种：空的块级元素的上下外边距 折叠的根本原因： margin之间直接接触，没有阻隔 折叠后外边距的计算： 1.如果两个外边距都是正值，折叠后的外边距取较大的一[详细]
