随笔分类 -  CSS3

摘要：1. 给文字添加阴影——text-shadow属性 text-shadow：length length length color(其中，前面三个length分别指阴影离开文字的横方向、阴影离开文字的纵方向和阴影的模糊半径，color指阴影的颜色)。而且可以指定多个阴影，例 text-shadow：10px 10px #f39800 , 40px 35px #fff100 , 70px 60px #c0ff00; 2. 让文本自动换行——word-break属性 <style type="text/css"> div{ word-break：keep-all; . 阅读全文

摘要：1. 使用选择器来插入内容：例， h2：before{ content：‘COLUMN’; color：white； background-color：orange； padding：1px 5px;} 2. 指定个别元素不进行插入：例， h2.sample.before{ content：none；} --表示h2中class为sample的不插入内容-- 3. 使用选择器插入图像：例， h2：before{ content：url（... 阅读全文

摘要：1. 属性选择器：[att*=val] [att^=val] [att$=val] [id*=section1]{background-color:yellow}表示id中拥有section1的背景颜色都设为黄色 [id^=section1]{background-color:red}表示id中开头为section1的背景颜色都设为红色 [id$=section1]{background-color:blue}表示id中结尾为section1的背景颜色都设为蓝色 注意：如果[id$=\-1]这里的“\”表示转义字符 2. 伪元素选择器：first-line first-lett... 阅读全文