如何使用CSS3 target 属性

我们在网页设计当中不和不面对一个链接的问题,这个链接就是指如何打开一个链接,如何放置一个链接,如何设计一个链接。这些问题的解决都要用到CSS3 target 属性代码。

操作方法

  • 01

    应用代码。这个代码让链接在新的窗口打开。 a { target:new front; }

  • 02

    style 流程。我们给网页当中的 a 元素进行了一个链接打开方式的认定。 <style> a { target:new front; } </style>

  • 03

    浏览器。在实际的使用当中,浏览器对于这样的代码还是不支持的。

  • 04

    target 属性的用法。我们在上文提到的都是代码的简写。在实际 的使用当中,代码有三种形式。 target-name  这个指定标签或者窗口 target-new    这个同上,并只能与上面的一起使用。 target-position  这个主要指定链接的位置。 a { target-name:new; target-position:front; }

  • 05

    target 属性 的语法。 target: target-name target-new target-position; 总共有三种方式。

  • 06

    target-position 的 语法。从这个参数值我们可以看出来,它有前后与上下的区别。这种关系的形成就是新标签页与老的标签页之间的关系,或者新的窗口与老的窗口之间的这种关系! target-position: above|behind|front|back;

(0)

相关推荐

  • 如何使用CSS3 动画属性

    在网页当中,我们常常用到各种的动画效果,我们要让网页具备这些动画效果就要进行一定的属性配置,这就是很多CSS动画属性的由来. 操作方法 01 @keyframes.有了这样的一个动画属性的语句,我们就 ...

  • 如何使用CSS3 word-wrap 属性

    这是一个简单的代码就是让长单词在外框不够大的时候可以换行显示.它在很多英文的网页编辑中还是非常管用的. 操作方法 01 代码应用.在这个例子当中,我们对于长单词进行了分割. p.test {word- ...

  • CSS3中的box-shadow(阴影)使用说明和兼容性问题

    css3中的box-shadow(阴影)兼容性问题是我们经常遇到的前端布局难点,如何有合理的添加CSS阴影?如何让CSS阴影兼容所有主流浏览器?在这里开创者素材来个大家讲一下关于CSS阴影的使用和难点 ...

  • css3如何实现圆角边框

    圆角边框是css3新增属性,在圆角边框出现之前,前端开发有的采用整块的圆角图片作为背景,有的采用小的圆角图片分别放在元素的四角,非常麻烦,灵活性差,也达到降低了网站的整体性能,而圆角边的出现则降低了开 ...

  • HTML5 表单使用方法介绍:[3]表单属性

    HTML5 表单属性使用方法介绍 操作方法 01 form 属性: autocomplete novalidate 02 input 属性: autocomplete autofocus form f ...

  • IE6、IE7、IE8怎么才能支持CSS3

    操作方法 01 我们都知道IE6,7并不支持CSS3的属性,IE8也不能很好的支持CSS3.但是有一个小脚本能够做到,它可以让IE支持 CSS3,包括:border-radius (rounded), ...

  • WebApp开发技巧大全 看了就明白了

    自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备).开发者们都知道在高端智能手机系 ...

  • Html标签简明教程

    概述 1、Html就是超文本标记语言的简写,是最基础的网页语言 2、Html是通过标签来定义的语言,代码都是由标签所组成 3、Html代码不用区分大小写 4、Html代码由<html>开始 ...

  • HTML5新手基础教程

    HTML5教程 什么是HTML5? 在这里我不说一些特别难懂的语言,我这里简单的解释一下,如果你学过HTML,那么就是HTML4,HTML5是针对现有的版本进行了一些丰富,把一些原先常用的标签进行了统 ...