前端学习之路——实践篇（一）

最新推荐文章于 2022-11-14 23:53:12 发布

gyt478922579

最新推荐文章于 2022-11-14 23:53:12 发布

阅读量269

点赞数

分类专栏： html+css JavaScript

本文链接：https://blog.csdn.net/gyt478922579/article/details/52475339

版权

html+css 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

JavaScript

2 篇文章 0 订阅

订阅专栏

Baidu_ife_2015 百度前端学院
task1

html：

<!--Baidu_ife_2015-->
<!--task1-->
<html lang="zh">
  <head>
    <meta charset="utf-8"/>
    <title>Hello World jQuery!</title>
    <script src="!%20jQuery.js"></script>
<link href="Baidu_ife_2015.css" type="text/css" rel="stylesheet">

  </head>
    <body>
        <h1>MyGithubAccountName:BiancaGuo</h1> 

    <ul>

    <li><a href="Baidu_ife_2015.html">首页</a></li>
    <li><a href="http://www.baidu.com">百度一下</a></li>

    </ul>

    <h2>二级标题：I am from cuc!</h2>
    <p id="p1">文字段落：中国传媒大学白杨网(简称“白杨网”)是代表中国传媒大学的<br/>
       唯一官方网站,是教育部高校校园网络文化建设首批试点单位建设成果,<br/>
       还是中国传媒大学校内教学实践基地</p>

    <img src="%E5%9C%86%E5%BD%A2%E5%9B%BE%E6%A1%88.jpg">

    <p id="p2">天际皓月 新雪初歇
               山川相叠 花海摇曳
               人间的面见一面少一面
               只依稀是挚爱眉眼
               心如磐石 悲喜岂在一念之间
               沉默只因世上本没有诺言
               却有人用一生将你的存在兑现
               你静静地送她走远 走远
               她只想看见你不流泪的眼
               多年后梦醒时分学会了想念</p>

    <p class="uppercase">This is some text in a paragraph.</p>
    <p class="lowercase">This is some text in a paragraph.</p>
    <p class="capitalize">This is some text in a paragraph.</p>

    </body>
</html>

css：

h1{
    color:dodgerblue;
}

h2{
    font-size: 14 px;
}
#p1{
    font-size:12px;
    color:yellow;
    background-color:black;
}
img{
    border:solid red 2px;
}
p{
    text-indent: 23px;//首行缩进
    word-spacing: 25px;//字间距25px
}
.uppercase{
    text-transform: uppercase;
    text-decoration: overline;
    text-align: center;
    color:aqua;
    font-family: cursive;
    font-size:25px;
}

.lowercase{
    text-transform: lowercase;
    text-decoration: underline;
    text-align: left;
}

.capitalize{
    text-transform: capitalize;
    text-decoration: line-through;
    text-align: right;
}

gyt478922579

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端学习之路——实践篇（一）

Baidu_ife_2015 百度前端学院 task1html：<html lang="zh"> <head> <meta charset="utf-8"/> <title>Hello World jQuery!</title> <script src="!%20jQuery.js"></script
复制链接

扫一扫

专栏目录