对于一个网站页面来说,HTML和CSS样式都是基础,HTML用于表现页面的内容,而CSS样式负责页面外观的表现。CSS 3是全新的CSS技术,能够为用户带来更加高效、美观的网页表现效果。
目前为止CSS 3还没有正式发布成熟的规范,其中的模块也在不断地更新,特别是浏览器对CSS 3属性的支持也在不断的变化,所以我们也希望能够通过本套教程来帮助读者更好的掌握CSS 3的新特性,并且能够实现跨浏览器、跨设备高效地CSS开发。
CSS 3为我们带来了全新的网页视觉表现效果,本套教程全面介绍了CSS 3的核心知识点以及传统CSS属性,通过案例与知识点相结合的方式,使读者能够更容易的理解和轻松应用,重要的是每个CSS 3属性都详细介绍了其浏览器兼容性以及适配不同浏览器的具体方法,从而使读者能够将新技术运用到实际的开发当中。
[第13课] 使用::first-letter和::first-line伪元素
::first-letter伪元素用来选择文本块的第一个字母,而::first-line伪元素用来匹配元素的第一行文本。
790
人气 /0
评论6分41秒[第14课] 使用::before伪元素添加图标
::before和::after伪元素不是指存在于标记中的内容,而是可以插入额外内容的位置。要通过::before和::after伪元素在页面中生成内容,还需要配合content属性一起使用。
849
人气 /0
评论2分41秒[第16课] 为不同的下载链接应用不同的图标
CSS 3在CSS 2的基础上新增了3个属性选择器,可以帮助用户对元素进行过滤,也能够非常容易帮助用户在众多的页面元素中定位自己需要的元素。
712
人气 /0
评论5分26秒[第18课] 设置网页文字的加粗和倾斜效果
在CSS样式中通过font-weight属性对字体的粗细进行控制;font-style属性用于设置字体样式,常见的字体样式有3种,分别是正常、斜体和偏斜体。
903
人气 /0
评论3分40秒[第20课] 设置文字间距并添加修饰
可以通过text-decoration属性为文字添加下划线、顶划线和删除线的效果;通过letter-spacing属性可以设置文字的字符间距。
812
人气 /0
评论4分09秒[第22课] 设置文字水平对齐效果
在CSS样式中,段落的水平对齐是通过text-align属性进行控制的,水平对齐有4种方式,分别为左对齐、水平居中对齐、右对齐和两端对齐。
680
人气 /0
评论2分21秒[第23课] 设置文字垂直对齐效果
文本垂直对齐是通过vertical-align属性进行设置的,常见的文本垂直对齐方式有3种,分别为顶端对齐、垂直居中对齐和底端对齐。
811
人气 /0
评论3分47秒[第24课] 设置新闻列表效果
在CSS样式中专门提供了控制列表样式的属性,通过CSS属性来控制列表,能够从更多方面控制列表的外观,使列表看起来更加整齐和美观,使网站实用性更强。