css学习(一)|天天关注
2023-07-02 05:16:55
博客园
(资料图片)
我是div元素2.内部样式
/* 可以通过@import引入其他的css资源 */@import url(./style.css);@import url(./test.css);.content{ font-size: 16px;}文本属性text-decoration用于设置文字的装饰线4和5只对块状元素有效
.bing { text-decoration: overline; } .demo{ text-decoration: line-through; } // 不是块状元素,不生效 结果如图
字体属性font-size 字体大小.box { /* 字体设置的方式一: px */ /* font-size: 50px; */ /* 了解: em -> 父元素的字体的尺寸 */ /* 字体设置的方式二: em */ /* font-size: 2em; */ /* 字体设置的方式三: 百分比% */ font-size: 200%; }使用事例
body { font-family: "Microsoft YaHei", "Heiti SC", tahoma, arial, "Hiragino Sans GB", "\5B8B\4F53", sans-serif;}body{ /* 设置文字的粗细,可以使用px,也可以使用关键字 */ font-weight: bolder; }body{ /* 斜体显示 */ font-style: italic; }.box { height: 400px; background-color: #f00; color: #fff; line-height: 100px; }div.one 即使div标签同事还有one的类属性div,.onediv标签或者class=one的标签伪类相关知识伪类是选择器的一种，它用于选择处于特定状态的元素;例如当手指放在一个元素上时, 显示另外一个颜色;
.box:hover { color: yellow; }a:link 未访问的链接a:visited 已访问的链接a:hover 鼠标挪动到链接上(重要)a:active 激活的链接（鼠标在链接上长按住未松开）◼ 使用注意:hover必须放在:link和:visited后面才能完全生效:active必须放在:hover后面才能完全生效所以建议的编写顺序是 :link、:visited、:hover、:active
伪元素伪元素用于创建新的虚拟元素并样式化，而伪类用于选择已有的元素。
