精华内容
下载资源
问答
  • 网页美化

    2020-10-15 19:46:26
    1、为啥美化网页: 有效的传递页面的信息 美化页面,页面的漂亮,才能吸引用户 凸显主题 提高我们的用户的体验 1,1 ,span标签的使用 重点突出的文字,使用span标起来: 效果图 1、2,字体的样式: ...

    1、为啥美化网页:

    有效的传递页面的信息
    美化页面,页面的漂亮,才能吸引用户
    凸显主题
    提高我们的用户的体验

    1,1 ,span标签的使用

    重点突出的文字,使用span标起来:
    在这里插入图片描述
    效果图

    在这里插入图片描述

    1、2,字体的样式:

    在这里插入图片描述
    效果图

    在这里插入图片描述

    1,3、悬浮和阴影

    在这里插入图片描述
    效果图

    在这里插入图片描述

    2、Js概念

    JavaScript介绍:
    Js这门语言主要是完成页面的数据验证,一次它运行在客户端,需要运行浏览器来解析执行我们的js代码,原来他的名字LiveScript,为了吸引更多的java程序员去使用,更名为javaScript
    Js是弱类型,java是强类型。

    特点:
    1/交互性(它可以做的就是信息对的动态交互)
    2/安全性(不运行直接访问本地磁盘)
    3/跨平台(只要是可以解释js的浏览器都可以执行,和平台没关系)

    3、js与我们的html代码结合的方式:

    3.1、引入js的第一种方法

    在这里插入图片描述

    3.2,引入js的第二种方式
    在这里插入图片描述

    3.3、变量

    什么是变量?变量就是存方法某些值的内存的命名。
    Js的变量类型:
    数值类型:number
    字符串类型:string
    对象类型:object
    布尔类型:boolean
    函数类型:function
    Js中的特殊的值:
    Undefined未定义:所有的js变量未赋予初始值的时候,默认都是Undefined
    Null:空值
    NaN:全称not a number 非数字 非数值
    Js中的定义变量的格式:
    var 变量名;
    var 变量名=值;

    演示
    在这里插入图片描述

    3.4、关系

    比较运算

    等号:==等于是简单的做字面值的比较
    全等号:===除了比较字面值之外,还会比较两个变量的数据类型

    演示
    在这里插入图片描述

    逻辑运算:

    且运算:&&
    或运算:||
    取反运算:!
    在js当中,所有的变量都可以作为boolean的变量去使用
    0,null,undefined,””(空串)都认为是false
    要点
    &&且运算:
    第一种情况:
    当表达式全为真的时候,返回最后一个表达式的值
    第二种情况:
    在表达式中,有一个为假的时候,返回第一个为假的表达式的值

    ||或运算:
    第一种情况:
    当表达式全为假的时候,返回最后一个表达式的值
    第二中情况:
    只有一个表达式为真,就会返回第一个为真的表达式的值

    并且&&和||都是有一个短路效果的,
    当这个&&或者||有了结果了,后面的表达式就不再执行。

    演示

    在这里插入图片描述

    3.5、数组

    Js中的数组定义:
    格式:
    Var 数组名=[]; //空数组
    Var 数组名=[1,”abc”,true]; //定义数组的同时给它赋值
    在这里插入图片描述

    展开全文
  • % 简洁文字页面美化 cSS基础知识应用 帐任务一:文字页面 完成如图所示 我妈力的派世分 开始批于,我出不么心吗? 识,亲的) 页面的制作 照相本子 大已却记 地下铁 下的 向左走向右走 量 y% 任务分析 整个页面背景使用...
  • CSS3美化网页文本

    千次阅读 2018-06-16 10:58:22
    概述:定义字体类型,大小,颜色等字体样式设计文本样式,如对齐,行高,间距等能够灵活设计美观,实用的网页正文版式1,字体样式 网页字体样式包括字体类型,大小,颜色等基本效果,另外还包括一些特殊的样式,如...

    概述:

    • 定义字体类型,大小,颜色等字体样式
    • 设计文本样式,如对齐,行高,间距等
    • 能够灵活设计美观,实用的网页正文版式

    1,字体样式

        网页字体样式包括字体类型,大小,颜色等基本效果,另外还包括一些特殊的样式,如字体粗细,下划线,斜体,大小等

    1.1 定义字体类型

        CSS使用font-family属性来定义字体类型,另外使用font属性也可以定义字体类型。font-family是字体专用类型专用属性,用法如下:

    font-family:name
    font-famile:ncursive|fantasy|monospace|serif|sans-serif

        font是一个复合属性,可以设置的字体属性如下:

    font:font-style || font-variant||font-weight||font-size||line-height||font=family
    font:caption|icon|menu|message-box|small-caption|status-bar

        CSS提供了5类通用字体。所谓通用字体就是一种备用机制,即指定的所有字体都不可用时,能够在用户系统中找到一个类似字体进行替代显示。这五类通用字体说明如下。

    • serif:衬线字体,
    • sans-serif:无衬线字体
    • cursive:草体
    • fantasy:奇异字体
    • monospace:等宽字体
    1.2 定义字体大小

        font-size

    	<p style="font-size:20px">helloworld</p>
    	<p style="font-size:30px">helloworld</p>

    1.3 定义字体颜色

        color

    	<p style="color:red">helloworld</p>
    	<p style="color:blue">helloworld</p>

    1.4 定义字体粗细

        font-weight

    1.5 定义斜体

        font-style: normal | italic | oblique

            <p style="font-style:normal">helloworld</p>
    	<p style="font-style:italic">helloworld</p>
    	<p style="font-style:oblique">helloworld</p>

    1.6 定义下划线

        text-decoration

    	<p style="text-decoration:normal">helloworld</p>
    	<p style="text-decoration:underline">helloworld</p>
    	<p style="text-decoration:blink">helloworld</p>
    	<p style="text-decoration:overline">helloworld</p>
    	<p style="text-decoration:line-through">helloworld</p>


    2,文本样式

        字体样式只要涉及字符本身的显示效果,而文本样式主要涉及多个字符的排版效果。CSS在命名属性时,使用font前缀和text前缀来区分字体和文本属性。

    2.1 定义文本对齐

        CSS使用text-align属性来定义文本的对齐方式,该属性的用法如下。

    text-align:left:right:center:justify
    <div style="width:400px;height:400px;background-color:#999;">
    		<p style="text-align:left">小白菜向左偏移</p>
    		<p style="text-align:right">小白菜向右偏移</p>
    		<p style="text-align:center">小白菜居中显示</p>
    	<div>

    2.2 定义垂直对齐

        vertical-align:auto | baseline | sub | super | top | text-top | middle | bottom |text-bottom | length

    取值简单说明如下:

    • auto:将根据layout-flow属性的值对齐对象内容
    • baseline:表示默认值,表示将支持valign特性的对象内容与基线对齐
    • sub:表示垂直对齐文本的下标
    • super:表示垂直对齐文本的上标
    • top:表示将支持valign特性的对象的内容对象顶端对齐
    • text-top:表示将支持valign特性的对象的文本与对象顶端对齐
    • middle:表示将支持valign特性的对象的内容与对象中部对齐
    • bottom:表示将支持valign特性的对象的内容与对象底部对齐
    • text-bottom:表示将支持valign特性的对象的文本与对象顶端对齐
    • length:表示由浮点数字和的那位标识符组成的长度值或者百分数,可为负数,定义由基线算起的偏移量,基线对于数值来说为0,对于百分比来说为0%;

    2.3 定义字距和词距

        字距:letter-spacing    词距:word-spacing

    2.4 定义行高

        line-height : normal | length

    2.5 定义缩进

        text-indent:length

    3,CSS3新增文本样式

    3.1 定义文本阴影

        text-shadow 

    <p style="font:bold 60px helvetica,arial,sans-serif;color:#999;text-shadow:5px 5px  5px #333">helloworld</p>

    text-shadow中参数的属性:第一个 水平位移,第二个 垂直位移,第三个 模糊半径  第4个 阴影颜色

    3.2 设计阴影特效

    1,通过阴影增加前景色与背景色的对比度

    <style type="text/css">
    p{
    	text-align:center;
    	font:bold 60px helvetica,arial,sans-serif;
    	color:#fff;
    	text-shadow:black 5px 5px 5px;
    }
    </style>
    <p>helloworld</p>


    2,定义多色阴影

    <style type="text/css">
    p{
    	text-align:center;
    	font:bold 60px helvetica,arial,sans-serif;
    	color:#fff;
    	text-shadow:black 5px 5px 5px,
    		-5px 5px 4px #060;
    }
    </style>
    <p>helloworld</p>

    3,定义火焰文字

    <style type="text/css">
    body{background:#000;}
    p{
    	text-align:center;
    	font:bold 60px helvetica,arial,sans-serif;
    	color:#fff;
    	text-shadow:0 0 4px white,
    		0 -5px 4px #ff3,
    		2px -10px 6px #fd3,
    		-2px -15px 11px #f80,
    		2px -25px 18px #f20;
    }
    </style>
    <body>
    <p>helloworld</p>
    </body>

    3.3 定义溢出文字

        CSS新增了text-overflow属性,该属性可用设置超长文本省略显示。text-overflow属性的基本语法如下:

    text-overflow:clip | ellipsis | ellipsis-word;
    • clip:表示不显示省略标记,而只是简单的裁剪
    • ellipsis:表示当对象内文本溢出时显示省略标记
    • ellipsis-word:表示当对象内文本溢出时显示省略标记
    3.4 文本换行

        word-break

    3.5 添加动态内容

        content

    3.6 恢复默认样式

        initial ,可以取消对某个元素的样式绑定

    <style>
    	p{
    		color:red;
    	}
    	p#hello{
    		color:initial;
    	}
    </style>
    <body>
    	<p>hahahahaha</p>
    	<p id="hello">haihdiha</p>
    </body>


    展开全文
  • ;文本的属性非常多通过使用CSS可以基本控制文本的样式接下来通过一个案例讲解使用CSS定义字间距和行间距的方法;PPT模板下载/moban/ 行业PPT模板/hangye/ 节日PPT模板/jieri/ PPT素材下载/sucai/ PPT背景图片/beijing...
  • CSS基本美化网页元素

    2020-12-15 20:38:46
    字体样式 实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>字体样式</title> <style> body{ font-family: 楷体; font-size: 20px; ...

    字体样式

    实例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>字体样式</title>
        <style>
            body{
                font-family: 楷体;
                font-size: 20px;
            }
    
            .test{
                font-weight: bolder;
                color: red;
            }
    
        </style>
    </head>
    <body>
    <h1>观沧海</h1>
    <p>
        【作者】曹操 【朝代】东汉末年/三国
        译文对照
    </p>
    <p class="test">
        东临碣石,以观沧海。
        水何澹澹,山岛竦峙。
        树木丛生,百草丰茂。
        秋风萧瑟,洪波涌起。
        日月之行,若出其中;
        星汉灿烂,若出其里。
        幸甚至哉,歌以咏志。
    </p>
    </body>
    </html>
    

    在这里插入图片描述

    文本样式

    实例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
    <!--    text-align 文本对齐方式
            line-height 行高
            text-indent 首行缩进
            text-decoration 文本修饰
    -->
        <style>
            .p1{
                text-align: center;
                color: red;
                line-height: 50px;
            }
            .test{
                text-indent: 2em;
                text-decoration: underline;
            }
        </style>
    </head>
    <body>
    <h1 class="p1">观沧海</h1>
    <p class="p1">
        【作者】曹操 【朝代】东汉末年/三国
        译文对照
    </p>
    <p class="test">
        东临碣石,以观沧海。
        水何澹澹,山岛竦峙。
        树木丛生,百草丰茂。
        秋风萧瑟,洪波涌起。
        日月之行,若出其中;
        星汉灿烂,若出其里。
        幸甚至哉,歌以咏志。
    </p>
    </body>
    </html>
    

    超链接伪类

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>超链接伪类</title>
        <style>
            a{
                color: black;
                text-decoration: none;
            }
          /* 超链接伪类 hover(鼠标悬浮状态)*/
            a:hover{
                font-size: 50px;
                color: red;
            }
        </style>
    </head>
    <body>
    <a href="#">链接</a>
    </body>
    </html>
    

    在这里插入图片描述

    列表样式

    html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>列表样式练习</title>
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
    <div id="nav">
        <h2 class="title">全部商品分类</h2>
    
        <ul>
            <li>
                <a href="#">图书</a>
                <a href="#">音像</a>
                <a href="#">数字商品</a>
            </li>
            <li>
                <a href="#">家用电器</a>
                <a href="#">手机</a>
                <a href="#">数码</a>
            </li>
            <li>
                <a href="#">电脑</a>
                <a href="#">办公</a>
            </li>
            <li>
                <a href="#">家居</a>
                <a href="#">家装</a>
                <a href="#">厨具</a>
            </li>
            <li>
                <a href="#">服饰鞋帽</a>
                <a href="#">个性化妆</a>
            </li>
            <li>
                <a href="#">礼品箱包</a>
                <a href="#">钟表</a>
                <a href="#">珠宝</a>
            </li>
            <li>
                <a href="#">食品饮料</a>
                <a href="#">保健食品</a>
            </li>
            <li>
                <a href="#">彩票</a>
                <a href="#">旅行</a>
                <a href="#">充值</a>
                <a href="#">票务</a>
            </li>
        </ul>
    </div>
    
    </body>
    </html>
    

    css

    #nav{
        width: 300px;
        background-color: gray;
    }
    
    .title{
        font-size: 18px;
        font-weight: bold;
        text-indent: 1em;
        background-color: red;
    }
    /*ul{*/
    /*    background-color: gray;*/
    /*}*/
    /*
    list-style:
    none 去掉圆点
    circle 空心圆
    decimal 数子
    square
    */
    ul li{
        text-indent: 1em;
        list-style: none;
        height: 30px;
    }
    
    a{
        text-decoration: none;
        color: black;
    }
    
    a:hover{
        color: orange;
        font-size: 20px;
    }
    

    在这里插入图片描述

    背景图片应用

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>背景图像应用</title>
        <style>
            div{
                width: 1000px;
                height: 1000px;
                border: 1px solid red;
                /*背景图片*/
                background-image: url("image/tiger.jpg") ;
                /*背景图片复制 repeat-x 横向复制 repeat-y竖向复制 no-repeat不复制*/
                background-repeat: no-repeat;
                /*背景图位置*/
                background-position: 100px 100px;
            }
        </style>
    </head>
    <body>
    <div>
    </div>
    </body>
    </html>
    

    在这里插入图片描述

    展开全文
  • CSS美化网页

    千次阅读 2019-06-18 23:04:50
    CSS美化网页 为什么使用CSS 有效的传递页面信息 使用CSS美化过的页面文本 , 漂亮 , 美观 , 可以吸引用户 可以很好的突出页面的主题内容 , 使用户第一眼可以看到页面主要内容 具有良好的用户体验 span 和 div ...

    CSS美化网页

    为什么使用CSS

    1. 有效的传递页面信息
    2. 使用CSS美化过的页面文本 , 漂亮 , 美观 , 可以吸引用户
    3. 可以很好的突出页面的主题内容 , 使用户第一眼可以看到页面主要内容
    4. 具有良好的用户体验

    span 和 div

    • span标签的作用
      能让某几个文字或者某个词语凸显出来
      行内元素
    • udiv标签
      u块级元素
      案例:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>span标签</title>
    
        <style>
            #dream{
                font-size: 30px;
                color: red;
                font-weight: bold;
            }
            span[class="abc"]{
                font-size: 24px;
                color: blue;
                font-weight: bold;
            }
    
    
    
        </style>
    
    
    </head>
    <body>
    
    
    <p>享受西开教学服务</p>
    <p>在<span>西开</span>学习 , <span id="dream">成就IT梦想</span></p>
    <p>请选择 <span class="abc">西开</span>吧</p>
    
    
    
    </body>
    </html>
    

    字体样式

    在这里插入图片描述

    文本样式

    在这里插入图片描述
    案例:
    css代码:

    #author{
        font-family: 楷体;
    }
    
    #time{
        font-style: italic;
    }
    
    /* text-indent文本首行缩进 */
    .sj{
        text-indent: 2em;
    }
    
    h1{
        text-shadow: aqua -1px 1px 10px;
    }
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
        <link rel="stylesheet" href="resources/css/Style2.css">
    
    </head>
    <body>
    
    
    <!--
    px  ->像素
    em  ->字符
    -->
    
    
    
    <h1>公司简介</h1>
    
    <p>发布人: <span id="author">阿里</span>  &nbsp; &nbsp; &nbsp; &nbsp;  时间: <span id="time">20119-01-01</span></p>
    
    <p>阿里技术中心是一家集教育培训、人才服务、服务外包、企业定制为一体的综合性软件技术服务机构。</p>
    
    <p class="sj">公司成立十年以来,全心全意致力于“Linux&C、C++开发工程师”、“Linux系统运维工程师及运维研发工程师”、“Web前端开发工程师”、“Java开发工程师”的培训,以及C++开发、云计算、虚拟化、python自动化运维等综合性企业级职业技能培训。公司持续深耕主校区,并在各个大学开设分校区与咨询网点,借助高校区位优势,专注于Linux技术的培训,为大学毕业生开辟更为广泛的就业途径。
    </p>  
    
    <p class="sj">公司拥有一支专业进取的教学师资团队,具有丰富的行业经验,参加过众多政府重大电子信息工程项目的研发。公司还具备体系完整并不断更新的独家课程体系和配套的题库考试系统,为学员学习保驾护航。经过十年的教育培训历程,公司已为腾讯、阿里、百度、京东、搜狐、新浪等一线互联网企业输送技术精英2000余人,得到用人单位和结业学员的一致好评。
    </p>
      
    
    </body>
    </html>
    

    文本阴影

    • text-shadow属性在CSS2.0中出现,但迟迟未被各大浏览器所支持,因此在CSS2.1中被废弃,如今在CSS3中得到了各大浏览器的支持
      在这里插入图片描述

    超链接伪类

    在这里插入图片描述
    案例:
    CSS代码:

    
    a:visited{
        color: #ff5f5d;
    }
    
    
    /*产生事件的伪类在同一个元素只能绑定一个*/
    a:active{
        color: cyan;
    }
    
    /*:hover鼠标悬停样式*/
    a:hover{
        color: yellow;
    }
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="resources/css/Style3.css">
    </head>
    <body>
    
    
    <a href="https://www.baidu.com" target="_blank">点击进入...</a>
    
    
    </body>
    </html>
    
    

    列表样式

    • list-style-type
    • list-style-image
    • list-style-position
    • list-style
      在这里插入图片描述
      案例:
      CSS代码:
    ul li{
        /*none为空*/
        list-style-type: circle;
    }
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="resources/css/Style4.css">
    
    </head>
    <body>
    
    <ul>
        <li>java</li>
        <li>python</li>
        <li>c/c++</li>
        <li>Linux</li>
        <li>Bash</li>
    </ul>
    
    
    
    </body>
    </html>
    

    网页背景

    • 背景颜色
      background-color
    • 背景图片
      background-image
    • 背景定位
      background-position属性
    • 背景重复方式
      background-repeat
    • 简写
      background
      background:#C00 url(…/image/kuangshen.jpg) 205px 10px no-repeat;
      案例:
      Css代码:
    body{
        background-image: url("../../resources/image/1.png");
        background-repeat: no-repeat;
    }
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="resources/css/Style5.css">
    </head>
    <body>
    
    
    
    
    </body>
    </html>
    

    背景尺寸

    • 设计师如何对背景图片的大小进行控制呢 ?
    • 背景尺寸 : background-size
      在这里插入图片描述

    CSS3渐变

    • 线性渐变
      颜色沿着一条直线过渡 : 从左到右、从右到左、从上到下等
    • 径向渐变
      圆形或椭圆形渐变 , 颜色不再沿着一条直线变化, 而是从一个起点朝所有方向混合

    线性渐变

    • 语法
      在这里插入图片描述
    • u兼容Webkit内核的浏览器
      在这里插入图片描述
      案例:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
        <style>
            body{
                /*  https://webgradients.com/  */
                height: 1000px;
                background: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
                background-repeat: no-repeat;
            }
        </style>
    
    </head>
    <body>
    
    
    
    </body>
    </html>
    
    展开全文
  • windows chrome的美化

    2020-04-05 13:26:01
    不得不说 windows的字体实在是太丑了 chrome的字体渲染的不够黑而且太细 看起来很费劲 这篇文章就是美化我们的电脑字体的 也是我的笔记,便于以后换电脑再去回忆. 美化Windows的字体 下载这个软件 ...
  • <style type="text/css"> /* 要借用CSS进行美化 */ body{ font-family:Arial,Helvetica,sans-serif; /* 指定文本的字形 */ font-size:12px;/*字体大小*/ color:#666666;/*字体颜色*/ background:#fff;/*主...
  • CSS网页美化大全

    2020-11-27 21:42:42
    使用CSS美化网页样式 字体、文本、超链接、列表、背景 盒子模型及其构成 浮动布局网页 定位布局网页 认识CSS 标签及的使用 使用举例:提示:请注意合法性. 作用:可用作文本的容器,能让某几个文字或者某个词语凸显...
  • 为此我去寻找收集了一些快速美化网页截图的小工具,一键自动生成好看的网页截图,当你想分享给朋友/合作伙伴时,这些经过美化后的图片细节也会给产品加分喔。 01 Screely 网址:https://www.screely.com/ Screely是...
  • CSS3美化网页元素

    2018-10-25 16:13:59
    一、CSS的作用: ...自己本身在网页中不起作用,但是可以让某个文字内容凸显出来,方便单独设置内容的样式。 三、字体: 1.font-family:设置字体的类型,例如宋体、楷体 2.font-size:设置字体的大小,例如16px...
  • 美化页面css

    2019-03-05 01:07:04
    美化页面css 博文链接:https://shangdiyefankun.iteye.com/blog/100829
  • 1 Web字体图标 超链接样式 列表样式 背景样式 渐变效果 网页设计与制作 CSS3美化页面元素 设计 制作 2 回 顾 Web字体图标 超链接样式 列表样式 背景样式 渐变效果 属性名 含义 举例 font-family 设置字体类型 font-...
  • 1)贴图图片地址> 2)加入连接所要连接的相关地址>写上你想写的字</a> 3)在新窗口打开连接相关地址" target=_blank>写上要写的字</a> 4)移动字体(走马灯写上你想写的字</marquee> 5)字体加粗写上你想写的字</b> 6)...
  • CSS美化页面 一、span 和 div span标签 行内元素,能让某几个文字或者某个词语凸显出来,内容显示在同一行 div标签 块级标签,默认占一行,自动换行 <!DOCTYPE html> <html lang="en"> <head> ...
  • HTML5中CSS3美化网页元素重点总结

    千次阅读 2018-08-23 21:52:44
    使用CSS美化过的页面文本,使页面漂亮,美观,吸引用户 可以很好的突出页面的主题内容,使用户第一眼可以看到页面主要内容 具有良好的用户体验   &lt;span&gt;标签的作用: 能让某几个文字或者某个...
  • 文章目录1.CSS 的作用和字体样式2.文本格式3.列表样式练习4.背景图片应用及渐变5.盒子模型5.1边框的使用5.2外边距 1.CSS 的作用和字体样式 span标签 span 和 div 是两个习惯用来更改字体样式的 <span> <...
  • CSS--网页的样式美化

    2020-02-06 18:04:30
    关于文本字体的一些属性: 属性 属性值 作用 font-size 数字加像素单位px 设置字体大小 font-family 字体类型 设置字体类型 color #xxx或者颜色单词 设置字体颜色 font-weight bold(加粗)bolder(更粗)normal(默认...
  • 磁铁磁吸特效,美化文字,交互性更强,加载不出来请自行修改js文件路径
  • 4.美化页面(文字、阴影、超链接、列表、渐变) 5.盒子模型 6.浮动 7.定位 8.网页动画(特效效果) 推荐网站:菜鸟教程 1.css入门 1.1、什么是CSS Cascading style sheet 层叠级联样式表 CSS: 表现(美化网页字体...
  • CSS美化网页本章任务制作望庐山瀑布制作影视简介制作百度音乐标签页面制作开心庄园页面制作家用电器商品分类页面制作畅销书排行榜页面本章目标理解CSS样式在页面中的引入使用CSS选择器为网页元素添加CSS样式掌握CSS...
  • CSS美化网页元素

    千次阅读 2018-08-24 09:23:00
    会使用CSS设置字体样式和文本样式 会使用CSS设置超链接样式 会使用CSS设置列表样式 会使用CSS设置背景样式 会使用CSS设置渐变效果   2.&lt;span&gt;标签 &lt;span&gt;标签 的作用 能让某几...
  • <!DOCTYPE html> 网页 /** * 用css对页面进行美化 */ /*设置整体页面*/ body{ mar
  • css网页美化

    2019-06-19 21:22:42
    CSS网页美化 为什么要使用css美化网页 有效的传递网页页面信息 使用css美化过的页面文本,漂亮,美观,可以吸引用户 可以很好的突出页面的主题内容,使用户第一眼就可以看到页面主要内容 具有良好的用户体验 ...
  • 底部美化源码,将源码用来做你的网站底部再适合不过了,类似与企业官网底部,下面信息全,可以替换成你想要的,也可以删除一部分文字
  • CSS3快速入门:三、美化网页

    千次阅读 多人点赞 2021-04-04 20:24:26
    美化网页 为什么使用CSS 有效的传递页面信息 使用CSS美化过的页面文本 , 漂亮 , 美观 , 可以吸引用户 可以很好的突出页面的主题内容 ,使用户第一眼可以看到页面主要内容 具有良好的用户体验 1. 字体 常用的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,166
精华内容 4,866
关键字:

网页文字美化