HTML5

让人想犯罪 __ 提交于 2019-11-28 04:52:06

        1、字体样式:

          选择器  { font:font-style  font-weight  font-size / line-height   font-family;}

          例:p { font: italic  bold   14px / 1  ' 宋体 ' ;}

          注意:使用 font 属性时,必须按上面语法格式中的顺序书写,不能更换顺序,各个属性以空格隔开

             不需要的属性可以省略,但必须保留 font-size 和 font-family 属性,否则 font 属性不起作用。

        2、结构(位置)伪类选择器(CSS3)

          :first-child,选取第一个子元素

          :last-child,选取最后一个元素

          :nth-child(n),选取第 n 个元素,可以是 even 偶数, odd 奇数 , 如果用公式 n 从 0 开始 ,倍数:2n,3n

          :nth-last-child(n),倒数,选取第 n 个元素

        3、目标伪类选择器(:target)

          :target 目标伪类选择器,可用于选取当前活动的目标元素,更改样式。

          例如: 

              <style>

                :target{ color:red;font-size:18px;}

              </style>

              <a href=" #movie ">演艺经历</a>

              <a href=" #live ">个人生活</a>

              <h3 id="movie">演艺经历</h3>

              <h3 id="live">个人生活</h3> 

        4、文字设置

          line-height:行高,一般设置为比字体大7~8个像素

          text-indent:首行缩进,建议使用 em 作为设置单位,1 em 就是一个字的宽度

          letter-spacing:字间距,设置汉字之间的间距

          word-spacing:单词间距,设置英文单词之间的间距

          字体颜色半透明(CSS3)

            color:rgba(r,g,b,a) a 是 alpha 透明的意思  取值范围 0~1 之间。   例如:h1 { color:rgba( 255,0,0,0.3);}

          文字阴影(CSS3)

            text-shadow:水平位置  垂直位置  模糊距离  阴影颜色 。  例如:h1{ text-shadow:5px  11px  3px raba(0,0,0,0.5);}

        5、选择器

          交集选择器:div.p(找到两个选择器共同的元素)      并集选择器:div,p,h1 (找选择器指定的元素)

          后代选择器:div  p(儿子,孙子,重孙都找到)      子元素选择器:.nav > li (只找亲儿子)

        6、伪元素选择器(CSS3)

          ::first-leeter,选择第一个字

          ::first-line,选择第一行

          ::selection,选中文字时,改变样式

          ::before,::after,在盒子div的内部前面或后面插入内容

            例如:

               div::before{ content:' 新增的内容 ' ;}

               <div>正常内容显示区域</div>

        7、

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!