javascript内嵌式css样式参考

简介: javascript内嵌式css样式参考
html 界面
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>css3第一节课</title>
        <!-- <style type="text/css">
        h2{text-align: center;}
        p{
            font-size: 16px;
            font-family: "楷体";
            color: mediumvioletred;
            text-decoration: underline;
        }
        </style> -->
        <style type="text/css">
            #aquamarine{color: aquamarine;}
            .aqua{color: aqua;}
            .font55{font-size: 55px;}
            #font88{font-size: 88px;}
            .ddd{color: #C71585;}
            #s5{font-size: 999px;}
            .one{letter-spacing: 20px;}
            .two{word-spacing: 20px;}
            .three{line-height: 150%;}
            .four{text-decoration: underline;}
            .five{text-decoration: overline;}
            .six{text-decoration: line-through;}
            .seven{text-decoration:overline line-through underline;}
            p{
                text-decoration: underline;
                font-size: 隶书;
            }
        </style>
        <!-- <link rel="stylesheet" type="text/css" href="硕一房一厅访谈法阳光宝贝%20.css"/> -->
    </head>
    <body>
        <h2 id="aquamarine" align="center">内嵌式css样式</h2>
        <h3 class="aqua font55" align="center">nidhninasiuhniugi</h3>
        <h6 class="ddd" align="center">jsfjkjnnigdinjngoguijgioudj</h6>
        <h4 id="s5">gds</h4>
        <p class="one two">asdfghkjl</p>
        <p class="five">asdasff</p>
        <p class="five">sadafasfasd</p>
        <p class="three">afsadfas</p>
        <p class="seven">dsagsdgagsadfasg</p>
        <p class="six" align="center">使用style标签可定义内嵌式css样式表,style标签一般位于head头部标签,title标签之后‘。</p>
    </body>
</html>
css界面
h2{text-align: center;}
p{
font-size: 16px;
font-family: "楷体";
color: mediumvioletred;
text-decoration: underline;
}
相关文章
|
14天前
|
JavaScript 前端开发
JavaScript HTML DOM - 改变CSS
JavaScript HTML DOM - 改变CSS
17 4
|
11天前
|
前端开发 JavaScript
HTML+JavaScript+CSS DIY 分隔条splitter
HTML+JavaScript+CSS DIY 分隔条splitter
|
13天前
用CSS+JavaScript打造网页中的选项卡
用CSS+JavaScript打造网页中的选项卡
|
14天前
|
前端开发
前端基础(四)_CSS层叠样式表_什么是css_css样式的引入方式_样式表的优先级_样式选择器
本文详细介绍了CSS(层叠样式表)的基本概念、语法规则、引入方式、样式表的优先级和样式选择器。文章解释了CSS的作用,展示了如何在HTML中通过行内样式、内部样式和外部样式引入CSS,讨论了不同CSS选择器的优先级和如何确定最终的样式应用。此外,还强调了使用`!important`规则时的优先级高于行内样式。
47 1
|
16天前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
30 0
JS配合CSS3实现动画和拖动小星星小Demo
|
22天前
|
前端开发 JavaScript
uniapp动态修改css样式(通过js来修改css样式)
uniapp动态修改css样式(通过js来修改css样式)
|
22天前
|
前端开发
css <样式一>
css <样式一>
15 1
|
13天前
|
JavaScript 前端开发
网页前端课程设计-【模仿】香港中文大学官网,轮播图及div+css布局,js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计,包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
|
16天前
|
前端开发
Vue3基础(十ba)___在css中使用props或者计算属性的变量,来实现动态样式
本文介绍了如何在Vue3中通过CSS变量和props或计算属性来实现动态样式。
15 0
|
JavaScript 前端开发 区块链