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;
}
相关文章
|
7天前
|
缓存 前端开发
css内部样式和外部样式的性能比较和使用规范
CSS 的内部样式和外部样式各有优缺点,适用于不同场景。
|
2天前
|
前端开发 JavaScript
uniapp动态修改css样式(通过js来修改css样式)
uniapp动态修改css样式(通过js来修改css样式)
|
2天前
|
前端开发
css <样式一>
css <样式一>
11 1
|
10天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
7天前
|
XML JavaScript 前端开发
JavaWeb基础4——HTML,JavaScript&CSS
HTML,JavaScript&CSS、元素、标签、css 选择器、属性、JavaScript基础语法、JavaScript对象、BOM浏览器对象模型、DOM文档对象模型、事件监听、正则对象RegExp/ES6
JavaWeb基础4——HTML,JavaScript&CSS
|
18天前
|
设计模式 移动开发 前端开发
CSS内联样式的使用,吐血整理
CSS内联样式的使用,吐血整理
31 6
|
18天前
|
前端开发
内嵌式CSS
【9月更文挑战第2天】内嵌式CSS。
24 3
|
19天前
|
前端开发 JavaScript
JavaScript 动态更新 CSS
【9月更文挑战第01天】
12 2
|
17天前
|
前端开发
内嵌式CSS
内嵌式CSS。
26 0
|
20天前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML、CSS与JavaScript之旅
在这个数字时代,拥有一个个性化的网络空间已成为许多人的梦想。本文将引导你了解如何从零开始,使用HTML、CSS和JavaScript创建属于自己的博客网站。我们将探索这些技术的基础概念,并通过实际代码示例展示如何将静态页面转变为动态交互式网站。无论你是编程新手还是希望扩展技能的开发者,这篇文章都将为你提供一条清晰的学习路径。【8月更文挑战第31天】