作者Tahoma (咪酱)
看板Web_Design
标题[问题] content="."的意思是?
时间Sun Apr 26 10:36:02 2015
我在研究一个网站的写法,
看到这段css
.clear:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
来源:
http://ideaplusink.com.au/
还想请教这个 content="." 的意思是什麽
为什麽要在该class前面加一个点号呢?
然後整体的class的意思是?
我有查了一下w3s,还是不太懂
http://www.w3schools.com/cssref/pr_gen_content.asp
另外我看它的::after语法是加在html上的
正常来说CSS不是应该写在css里面吗
http://i.imgur.com/gZesxe9.jpg
另外还想要请教一下这个content是否就是很多大陆网站在防别人
复制的语法呢?例如有的小说网站,复制下去的话前後会有
"@ Copyright of 晋江原创网 @ "
晋江原创网
http://www.jjwxc.net/onebook.php?novelid=31065&chapterid=1
还请大家指教,谢谢~~~~
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.224.220.191
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1430015768.A.1DF.html
※ 编辑: Tahoma (36.224.220.191), 04/26/2015 10:36:29
※ 编辑: Tahoma (36.224.220.191), 04/26/2015 11:04:49
1F:推 ymcheung: 你提到的这段刚好是 clearfix的用法 解决float排版问题 04/26 11:17
2F:→ ymcheung: 平常的content就是显示引号内的内容 04/26 11:17
3F:推 clerkhsiao: 他的after应该是用js动态配置的 04/26 16:05
4F:推 iamnodoubt: css会有些很奇怪的技巧,没什逻辑的,就memo起来 04/26 17:45
6F:推 eight0: IE 在处理 content: "" 或 content: " " 时会有高度问题 04/26 18:29
7F:→ eight0: 所以有时会改成 content: "x" + visibility: hidden 04/26 18:29
8F:推 hit1205: 你最後举的网站其实只是把那些字设定成和底色一样而已 XD 04/27 14:39