邱越-20201028

HTML5：标签（块级标签：p、ul、div     行级标签：a、span、img）

CSS3.0：层叠样式表>修饰网页

选择器（镜子）：精确选中要修饰的目标。

常用的选择器：
                        1、类选择器（可以共用） 类选择器用来为一系列标签定义相同的呈现方式，常用的语法是 .classValue{property:value}。其中classValue是类选择器的名称，这是由css编写者自己命名。

                       2、标签选择器    也成为元素选择器。标签选择器的基本形式如下：tagName{property:value}，其中tagName是标签名称，property是css的属性。
                       3、id选择器#box{}（优先级高于类选择器高于标签选择器）ID选择器定义的是某一个特定的html元素，一个网页中只有一个标签或元素使用某一ID的属性值。ID选择器的基本语法格式如下：#idValue{property:value}。其中idValue是ID选择器的名称，可以由CSS编写者自己编写。
                       4、后代选择器 空格包含的
                       5、伪类选择器    伪类选择器主要应用在<a>标签上，它由四种状态：未访问链接（link）、已访问链接（visited）、激活链接（active）、鼠标停留在连接上(hover)。
                       6、通用选择器：* margin: 0;/*外边距*/
                                       padding: 0;/*内边距*/
                                       border: 0;/*边框*/
文本修饰：color: pink;/*修饰字体的颜色*/
    font-size: 30px;/*修饰字体的大小*/
    font-family: "宋体";/*字体类型*/
    font-style: italic;/*字体的样式*/
    font-weight: bold;/*字体加粗*/
    letter-spacing: 5px;/*字体间距*/
    text-align: center;/*对齐方式*/
    line-height: 18.75rem;/*行高*/
    text-decoration: underline;/*划线*/
    text-shadow: 0.1875rem 0.1875rem 0.25rem deeppink;/* 字体阴影 */
    text-indent: 2em;/* 首行缩进 */
修饰背景的样式：background-color: aquamarine;/* 背景颜色 */
               background-image: url(img/pig.JPG);/* 背景图片 */
               background-size: 300px 300px;/* 背景图片的大小*/
               background-repeat: no-repeat;/* 背景图片平铺 */    
               background-attachment: fixed;/* 背景图片固定 */
               background-position: 0 0;/* 背景图片平移 */
                            opacity: 0.5;/* 透明度 */

学习心得：接触两天的前端后感到很神奇，动手操作感到很有趣，希望在接下来的时间里我能学到更多的知识。