CSS3学习选择器、字体_html/css_WEB-ITnose
程序员文章站
2022-05-20 09:57:29
...
??
属性选择器:
[att*=val]{}若att元素属性值包含val指定字符,则使用该样式
[att^=val]{}若att元素属性值开头字符为val,则使用该样式
[att&=val]{}若att元素属性值结尾字符为val,则使用该样式
例:
示例文本2示例文本1-1示例文本1-2示例文本2-1示例文本2-2
target选择器:
页面内href跳转时,重新定义目标的属性
font字体:以前的版本网页中应用的特殊字体只有在客户端有这个字体时候该字体才能正常显示,
而css3支持从服务器中获取字体,也就是说你把字体文件放到font文件夹,可以直接通过url使用这个字体
这一新的变化真的带来了很大的便利。例:
@font-face{ font-family: WebFont; src:url('font/FZJZFW.TTF') format("truetype"); font-weight: normal; }
article{ font-family: WebFont; }
文章内容
网页级内容区块的正文
section级内容的正文
section级内容区块的正文
下一篇: PHP5.3废弃函数 顶替记
推荐阅读
-
使用 CSS3 伪元素实现立体的照片堆叠效_html/css_WEB-ITnose
-
CSS3 动画系列_html/css_WEB-ITnose
-
使用css3实现文章新闻列表排行榜(数字)_html/css_WEB-ITnose
-
9种CSS3 blend模式制作的鼠标滑过图片标题特效_html/css_WEB-ITnose
-
CSS3实现的鼠标悬浮开门关门效果代码实例_html/css_WEB-ITnose
-
CSS3和SVG炫酷鼠标点击按钮效果_html/css_WEB-ITnose
-
[转]CSS3 Media Query实现响应布局_html/css_WEB-ITnose
-
jQuery和CSS3堆叠卡片样式导航菜单特效_html/css_WEB-ITnose
-
潮流设计:15个创意的 3D 字体版式作品欣赏_html/css_WEB-ITnose
-
基于9款CSS3鼠标悬停相册预览特效_html/css_WEB-ITnose