CSS3学习选择器、字体_html/css_WEB-ITnose
程序员文章站
2022-05-02 23:10:28
...
??
属性选择器:
[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级内容区块的正文
下一篇: php输出正立金字塔
推荐阅读
-
css3中 弹性盒模型布局之box-flex_html/css_WEB-ITnose
-
CSS3中的background-size(对响应性图片等比例缩放)_html/css_WEB-ITnose
-
CSS3实现全景图特效_html/css_WEB-ITnose
-
结合CSS3的布局新特征谈谈常见布局方法_html/css_WEB-ITnose
-
应该怎样进一步学习写样式_html/css_WEB-ITnose
-
最容易让人误解的10个 CSS 选择器_html/css_WEB-ITnose
-
「CSS3 」动画详解_html/css_WEB-ITnose
-
sass的学习_html/css_WEB-ITnose
-
css3火焰文字样式代码_html/css_WEB-ITnose
-
如何在td中控制字体右对齐 且加粗_html/css_WEB-ITnose