邱越-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;/* 透明度 */

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

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1