【代码笔记】Web-CSS-CSS 语法

zhangwang 发布于2019-04-23 11:55 / 718人阅读

一，效果图。

二，代码。

DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS 语法title>
    <style>
    p {
        color: red;
        text-align: center;
    }
    style>
head>

<body>
    <p>Hello world!p>
    <p>this paragraph is styled with cssp>
body>

html>

参考资料：《菜鸟教程》

云服务器 GPU云服务器 python语法笔记代码语法着色 php 语法代码 js代码语法错误

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1341.html

【代码笔记】Web-CSS-CSS 教程

一，效果图。二，代码。 DOCTYPE html> CSS 教程 body { background-color: #d0e4fe; } h1 { color: range; text-align: center; } p { fon...

endless_road 2019-04-23 11:55 评论0 收藏0
【代码笔记】Web-CSS-CSS id和Class选择器

一，效果图。二，代码。 DOCTYPE html> CSS id和class选择器 #para1 { text-align: center; color: red; } .center { text-align: center; } p.center...

Pluser 2019-04-23 11:54 评论0 收藏0
【代码笔记】Web-CSS-CSS background背景

摘要：实例改文本插入在元素中该段落有自己的背景颜色背景图片不重复，设置实例背景图片只显示一次，并与文本分开实例中还添加了属性用于让图片与文本间隔开参考资料菜鸟教程一，效果图。二，代码。 DOCTYPE html> CSS backgrounds h1 { background-color: #6495ed; } ...

番茄西红柿 2019-04-23 11:54 评论0 收藏0
【代码笔记】Web-CSS-CSS Text（文本）

摘要：文本加上上划线全变成大写文本的第一行缩进加上下划线全变成小写加上下划线首字母大写去掉链接的下划线参考资料菜鸟教程一，效果图。二，代码。 DOCTYPE html> CSS Test(文本) body { color: red } h1 { color: #00ff00; ...

tain335 2019-04-23 11:53 评论0 收藏0
【代码笔记】Web-CSS-CSS Fonts(字体)

一，效果图。二，代码。 DOCTYPE html> CSS Fonts(字体) body { font-size: 100%; } h1 { font-style: normal; font-size: 40px; font-size: 2.5em; ...

dance 2019-04-23 11:53 评论0 收藏0