HTML + CSS CSSは、背景画像を設定し、他の画像は画面をカバーされていない後

必要が覚えておくべきことをいくつかのものがあることが判明し、15PB HTML + CSSを学習週間後、諺に:
彼らはそれを書き留めて覚えておく必要があるものである、より良い手に何度も繰り返し瞳の千倍以上、。

私たちが遭遇する多くの時間は、次のとおりです。

背景画像を設定しますbackground-image:url(xxx.jpg);
効果をタイリングした後、やや不十分である場合には、背景画像ムラ舗装到達した場合、フルスクリーンエフェクト、今回はCSSプロパティが便利です
background-size: cover;     //把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。

这个属性有四个值:
length              设置背景图像的高度和宽度,第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"
percentage          以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。
cover               把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
contain             把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。
属性と値の数があります覚えておくことは容易ではないですが、多くの場合、プロパティを使用する必要があります
letter-spacing              //设置字符间距
text-decoration             //文本的装饰  例如:下划线
text-shadow                 //文字阴影
text-indent                 //首行缩进
font-family                 //设置字体
font-style                  //斜体文本
font-weight                 //文本粗细
                
                列表样式
list-style-type             //列表项目外观
list-style-position         //列表符号的位置
list-style-image            //把图像设置为列表项目的标记

                伪类选择器
a:link                      //未访问的链接
a:visited                   //已访问的链接
a:hover                     //鼠标移动上去
a:active                    //鼠标点上去不放
:focus                      //选中那块标签的颜色
:first-child                //选择元素第一个子元素
:last-child                 //选择某个元素最后一个子元素
:nth-child(x)               //选择某个元素的第x个元素

               伪元素选择器
::before                    //在内容之前插入新内容
::after                     //在内容之后插入新内容
::first-line                //选择指定选择器首行
::first-letter              //选择文本的第一个字符
        
        如果是div溢出需要用到overflow属性,该属性值如下:
visible                     //默认值,超出内容不会被修剪呈现在元素外
hidden                      //超出部分被隐藏
scroll                      //不论是否需要一直显示滚动条
auto                        //按需显示滚动条

边框
outline:dashed;             //虚线轮廓
必要に追加していきますが存在する場合、最初は、ここに書きました

おすすめ

転載: www.cnblogs.com/5Arno/p/12040150.html