实例

HTML

     <p lang="zh"><q>啦啦德玛西亚</q></p><p lang="en"><q>This book is very good!</q></p><p lang="no"><q>denne bog er fantasisk!</q></p><p class="ask">why</p><p class="answer">yes</p>

CSS

         :lang(zh) > q{quotes: '“' '”';}:lang(en) > q{quotes: '"' '"';}:lang(no) > q{quotes: '<<' '>>';}q:before{content: open-quote;}q:after{content: close-quote;}.ask:before{content: '提问:"';}.answer:before{content: '回答:"';}.ask:after,.answer:after{content: '"';}

学习《css世界》笔记之content自动添加开启闭合符号相关推荐

  1. 网页自动切换html css js,HTML页面自动清理js、css文件的缓存(自动添加版本号)_HTML/Xhtml_网页制作...

    这篇文章主要介绍了HTML页面自动清理js.css文件的缓存(自动添加版本号),小编觉得挺不错的,现在分享给大家HTML源码,也给大家做个参考.对HTML感兴趣的小伙伴们一起跟随小编过来看看吧 在we ...

  2. 皮卡皮卡:学习CSS的笔记

    1.CSS简介 CSS,指的是Cascading Style Sheet(层叠样式表). 2.CSS的引入方式         1)外部样式表(link):    <link rel=" ...

  3. 《CSS世界》读书笔记(九)

    <!-- <CSS世界>张鑫旭著 --> content内容生成技术 1. content 辅助元素生成 清除浮动: .clear:after {content: '';dis ...

  4. html 为checkbox添加check函数,html 里 checkbox里 只要选中就会自动添加checked=“checked”么?...

    事实上HTML代码是不会发生变化的,但是控件对象的属性会发生变化以反映这个操作的结果.也就是说,该对象的checked属性值会由false变成true.但元素标签中并不会插入checked=" ...

  5. 学习笔记——css世界

    流 "流"又叫文档流,是css的一种基本定位和布局机制.流是html的一种抽象概念,暗喻这种排列布局方式好像水流一样自然自动."流体布局"是html默认的布局机 ...

  6. python 为html页面增加背景_Python 给html css自动添加注释

    Python 给html css自动添加注释(2020年11月8日) 背景 大二上学期专业开设了网页设计课程,专门学习html和css,有时候也经常有同学找我来帮忙看看他们写的代码,并且改改,我就忽然 ...

  7. 《CSS世界》读书笔记:line-height

    line-height 1. 行距与半行距 2. 半行距与精确的布局 3. 为什么line-height可以让内联元素"垂直居中"? 4. 使用line-height实现多行文本& ...

  8. CSS层级小技巧!如何在滚动时自动添加头部阴影?

    在网页中,经常会用阴影来突出层级关系,特别是顶部导航,但有时候设计觉得没必要一开始就显示阴影,只有滚动后才出现.比如下面这个例子,注意观察头部阴影 可以看到,只有滚动以后才出现阴影.一般情况下,使用 ...

  9. 《CSS世界》笔记二:盒模型四大家族

    上一篇:<CSS世界>笔记一:流/元素/尺寸 下一篇:<CSS世界>笔记三:内联元素与对齐 写在前面 在读<CSS世界>第四章之前,粗浅的认为盒模型无非是margi ...

最新文章

  1. Linux下安装二进制版mysql-8.0.15
  2. MF训练套件(1):如何去除应用标题?
  3. 自2018年以来我不知道的事情-Dan Abramov
  4. 【看图识算法】这是你见过最简单的 “算法说明书”
  5. python(matplotlib3)——ticks(坐标刻度)能见度
  6. 网页设计上机考试原题_《网页设计》上机考试试题
  7. 开放性32位RISC处理器IP核的比较与分析(Z)
  8. java 是否继续_Java异常被抛出或被捕获之后,代码是否继续执行的问题
  9. NFC是什么功能?有哪些使用场景?
  10. Linux下用ImageMagick将彩色照片转换成黑白照片
  11. 你真的理解反向传播吗?面试必备
  12. 【表盘识别】基于matlab投影法电表表盘读数识别【含Matlab源码 1101期】
  13. IR2130与MOSFET驱动电路分析
  14. Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8
  15. 谈谈层次分析法和熵权法以及Topsis
  16. 软件版本的GA 代表什么意思?
  17. 利用PCL库做简单的三维立体图形
  18. Java 大写转小写
  19. Android 推送-个推
  20. mac办公软件里值得推荐给大家的好软件

热门文章

  1. 机器学习实践三---神经网络学习
  2. 786. 第 K 个最小的素数分数
  3. 1971. Find if Path Exists in Graph
  4. 如何使用Elasticsearch,Logstash和Kibana实时可视化Python中的日志
  5. xcode扩展_如何将Xcode插件转换为Xcode扩展名
  6. 使用Chatkit构建Node.js命令行聊天应用程序
  7. r语言r-shiny_使用Shiny和R构建您的第一个Web应用程序仪表板
  8. 冒泡排序(Java版)
  9. vue-resource跨域问题
  10. org.apache.hadoop.ipc.Client: Retrying connect to server