web开发——css

&可乐

于 2021-05-24 22:45:53 发布

阅读量102

点赞数

分类专栏： javaweb 文章标签： css html

本文链接：https://blog.csdn.net/qq_45860824/article/details/117233789

版权

javaweb 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

css(层叠样式表）

概念
具体代码

概念

css学习网站
层叠样式表（Cascading Style Sheets,缩写为CSS),是一种样式表语言，用来描述HTML或XML文档的呈现。CSS描述了在屏幕、纸质、音频等其他媒体上的元素应该如何被渲染的问题。负责最终的显示效果。

层叠样式表 — 也就是CSS — 是你在HTML之后应该学习的第二门技术。HTML用于定义内容的结构和语义，CSS用于设计风格和布局。比如，您可以使用CSS来更改内容的字体、颜色、大小、间距，将内容分为多列，或者添加动画及其他的装饰效果。

具体代码

在这里插入图片描述

例如：在HTML文件中添加代码

<style>
            body{
                background-color: blue;
            }
        </style>

添加前：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>搜搜</title>
        <
    </head>
    <body>

        <h1>搜搜</h1>
        <form>
            <input type="text" name="keyword">
            <button type="submit">搜索</button>
        </form>
    </body>
</html>

在这里插入图片描述

添加后

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>搜搜</title>
        <style>
            body{
                background-color: blue;
            }
        </style>
    </head>
    <body>

        <h1>搜搜</h1>
        <form>
            <input type="text" name="keyword">
            <button type="submit">搜索</button>
        </form>
    </body>
</html>

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

在这里插入图片描述
css各种元素介绍

&可乐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web开发——css

css(层叠样式表）概念具体代码概念css学习网站层叠样式表（Cascading Style Sheets,缩写为CSS),是一种样式表语言，用来描述HTML或XML文档的呈现。CSS描述了在屏幕、纸质、音频等其他媒体上的元素应该如何被渲染的问题。负责最终的显示效果。层叠样式表 — 也就是CSS — 是你在HTML之后应该学习的第二门技术。HTML用于定义内容的结构和语义，CSS用于设计风格和布局。比如，您可以使用CSS来更改内容的字体、颜色、大小、间距，将内容分为多列，或者添加动画及其他的装饰效果
复制链接

扫一扫

专栏目录