菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻

CSS生成的内容

原创
05/13 14:22 更新

把括号内的URL用content属性插入到每个链接后面

<!DOCTYPE html>
<html>
<head>
<style>
    a:after {content: " (" attr(href) ")";}
</style>
</head>

<body>
    <p><a href="https://www.lmonkey.com/">学习猿地</a> 包含免费的教程和参考.</p>
    <p><b>请注意:</b> 只有在指定了!DOCTYPE的情况下,IE8才支持content属性.</p>
</body>
</html>

章节和分节的编号是"第1节",“1.1”,"1.2"等

<!DOCTYPE html>
<html>
<head>
<style>
    body {counter-reset:section;}
    h1 {counter-reset:subsection;}
    h1:before
    {
    counter-increment:section;
    content:"Section " counter(section) ". ";
    }
    h2:before 
    {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) " ";
    }
</style>
</head>

<body>

    <p><b>请注意:</b> IE8仅在指定了!DOCTYPE的情况下才支持这些属性.</p>
    
    <h1>HTML 教程</h1>
    <h2>HTML 教程</h2>
    <h2>XHTML 教程</h2>
    <h2>CSS 教程</h2>
    
    <h1>Scripting 教程</h1>
    <h2>JavaScript</h2>
    <h2>VBScript</h2>
    
    <h1>XML 教程</h1>
    <h2>XML</h2>
    <h2>XSL</h2>

</body>
</html>

quotes 属性指定了引号

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<style type="text/css">
    q:lang(en)
    {
    quotes: "~" "~" "'" "'";
    }
</style>
</head>
<body>

    <p><q>这是一个 <q>强壮的</q> 男人.</q></p>
    <p><b>注意:</b>当声明了!DOCTYPE 时, IE8 才支持这些属性。</p>
</body>
</html>
综合评分:9.9 评分 请对本文进行纠错,及学习过程中有困难疑惑可在此进行讨论