CSS3:不可思议的border属性 转载至——译文:不可思议的CSS border属性 原文:Magic of CSS border property Web字体图标Font Awesome 转载至——原文:A List of Font Awesome icons and their css content values…
1. 字体属性 1.1 文字字体:font-family可以把多个字体名称作为一个“回退”系统来保存.如果浏览器不支持第一个字体,则会尝试下一个.浏览器会使用它可识别的第一个值. * {font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif} *表示所有文字字体都是一样的样式 1.2 字体大小:如果设置成inherit表示继承父元素的字体大小值. p {font-size: 14px…
伪元素选择器 未使用元素选择器的效果 第一行:伪元素选择器:选择部分内容 第二行:伪元素选择器:选择部分内容 伪元素选择器:选择部分内容 伪元素选择器:选择部分内容 ::selection:选择指定元素中被用户选中的内容 未使用该伪元素选择器时,我们用鼠标去选中元素内容时 使用该伪元素选择器后,我们用鼠标去选中元素内容时 p::selection{ background-color: purple; } ::before:可以在内容之前插入新内容 你好吗?第一行:伪元素选择器:选择部分内容 第二…
IE下实现类似CSS3 text-shadow文字阴影的几种方法 一.开始的擦边话 为了测试IE9浏览器,下午晃晃荡荡把系统换成window7的了.果然,正如网上所传言的一样,IE9浏览器确实不支持CSS3 text-shadow属性,且根据最近的IE10 preview版的反馈,IE10浏览器也是不支持text-shadow属性的.至于为何不支持,就像女孩的心思一样,我也是百思不得其解. 不过考虑到text-shadow的更多的是效果性质的属性,且潜力有限,所以,就我个人而言,最近版本的IE浏…
昨日内容回顾 高级选择器: 后代选择 : div p 子代选择器 : div>p 并集选择器: div,p 交集选择器: div.active 属性选择器: [属性~='属性值'] 伪类选择器 a LoVe HAte 必须要 遵循这个准则 “爱恨准则” nth-child(3n+1) first-child last-child 继承性和层叠性 继承性: 文本的属性: color text-*,line-*,font-* 盒子属性 定位布局的元素 层叠性: 1.先看标签元素有没有被选中,如果选中…
一.CSS1&2中的文本属性(W3C标准) text-indent CSS1 检索或设置对象中的文本的缩进 letter-spacing CSS1 检索或设置对象中的文字之间的间隔 word-spacing CSS1 检索或设置对象中的单词之间插入的空格数. vertical-align CSS1/CSS2 设置或检索对象内容的垂直对其方式 white-space CSS1 设置或检索对象内空格的处理方式 direction CSS2 检索或设置文本流的方向 unicode-bidi CSS2…
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样.那么对于网站中用到的各种icon,我们就可以尝试使用font来实现,本文将详细讲解这种用法. 为什么要将icon做成字体? 在很多网站项目中,我们常常会用到各种透明小图标,然后网站要兼容各个浏览器,也可能会有多个尺寸,甚至还要考虑换肤等需求.那么我们就要将这些小图标输出为多种尺寸.颜色和文件格式,比如png8 alpha透明或者png8 index透明等. 比如,t…
问题 最近遇到一个需求,需要实现文字的描边效果,如下图           解决方法一     首先想到去看CSS3有没有什么属性可以实现,后来被我找到了text-stroke     该属性是一个复合属性,可以设置文字宽度和文字描边颜色    该属性使用很简单:text-stroke:1px #f00;(1px是文字宽度,#ff是文字描边颜色) 本以为该属性的兼容性会及时止住我微微上扬的嘴角,随后逐渐凝固 但出乎意料的是大多浏览器已经开始支持该属性,只需要加上前缀-webkit-即可 Demo…
11.38 css三大特性 11.381 继承性 1.定义:给某一个元素设置一些属性,该元素的后代也可以使用,这个我们就称之为继承性​2.注意:    1.只有以color.font-.text-.line-开头的属性才可以继承    2.a标签的文字颜色和下划线是不能继承别人的    3.h标签的文字大小是不能继承别人的,会改变,但是会在原来字体大小的基础上改变    ps:打开浏览器审查元素可以看到一些inherited from...的属性3.应用场景:    通常基于继承性统一设置网页的…
[CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面的. 1.1 HTML的局限性 HTML 只关注内容的语义,虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐-- 1.2 CSS网页的美容师 CSS 是 层叠样式表 的简称. 有时我们也会称之为 CSS 样式表 或 级联样式表. CSS 也是一种 标记语言. CSS 主要用于设置 HT…