需要知道词典嵌入的词典css的文件名称。
上面两点先判断出来。
判断方式:
goldendict加载后,F12看网络链接,词典内查询单词,确定css文件的名称。
原则上文件名很容易确认。
3. 在词典的目录建一个同名的css文件。
文件的初始内容可以解包mdx词典中获取。(上图中的gd中显示的可以参考,需要去除 #gdfrom-xxxxxx等选择限定,bres://xxxxxx/前缀等,不熟悉的还是不要用这份作为初始内容。)
4.按你的需要在原始内容的基础上修改css样式。gd加载的时候会优先词典目录下的样式文件。
另,上图中基于的gd版本位于Releases · xiaoyifang/goldendict
伪元素顾名思义伪装成元素,但不是元素,这与生成内容相关。生成内容主要指由浏览器创建的内容,而不是由标志或内容来表示。生成内容主要由:before和:after伪元素来实现,当然伪元素还包括:first-line,:first-letter和::selection
:first-letter
指定一个元素第一个字母的样式
注意1:所有前导标点符号应与第一个字母一同应用该样式
注意2:只能与块级元素关联
注意3:只有当选择器部分和左大括号之间有空格时,IE6-浏览器才支持。因为first-letter中存在连接符的原因
:first-line
设置元素中第一行文本的样式
注意1:只能与块级元素关联
注意2:只有当选择器部分和左大括号之间有空格时,IE6-浏览器才支持。因为first-line中存在连接符的原因
:before(IE7-浏览器不支持)
在元素内容的最开始插入生成内容
注意:默认这个伪元素是行内元素,且继承元素可继承的属性;IE7-浏览器中必须声明!DOCTYPE,否则不起作用
:after(IE7-浏览器不支持)
在元素内容的最后插入生成内容
注意:默认这个伪元素是行内元素,且继承元素可继承的属性;IE7-浏览器中必须声明!DOCTYPE,否则不起作用
::selection(IE8-浏览器不支持)
匹配被用户选择的部分
注意1:firefox浏览器需要添加-moz-前缀
注意2:只支持双冒号写法
注意3:只支持颜色和背景颜色两个样式
下面是伪元素的速查表
【content属性】
content属性应用于before和after伪元素
【1】 <string>里面的内容会原样显示,即使包含某种标记也不例外。
注意1:如果希望生成内容中有一个换行,则需要使用\A
注意2:若是一个很长的串,需要它拆分成多行则需要用\对换行符转义
【2】 <uri>
【3】attr( <identifier>)
<补充>【quotes属性】
管理引号
【4】open-quote|close-quote
【5】counter
首字下沉
钉子效果
图片叠加效果
* CSS是Cascading Style Sheets(层叠样式表)的简称. * CSS语言是一种标记语言他主要的作用是可以改变网站页面的元素的大小 位置 方向 等等 css的基本的语法格式如下:<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8" />
<title>网页标题</title>
<meta name="keywords" content="关键字列表" />
<meta name="description" content="网页描述" />
<link rel="stylesheet" type="text/css" href="" />
<style type="text/css">
<!--这里是写css样式的地方 要记住css的样式是要写在style之间的-->
#dede{color:red}
#dedede{color:green}
</style>
</head>
<body>
<P id="dede">www.hxzkpcb.com</P>/*通过样式此刻域名已经变成红色的字母了*/
<P id="dedede">zhidao.bnaidu.com</P>/*通过样式此刻域名已经变成绿色的字母了*/
</body>
</html>