CSS basic tutorial size, font and text properties

CSS size attribute

width: element width, be sure to add px units.
height: Element height.

##CSS Font Properties

font-size: text size. For example: font-size:14px;
font-family: font. For example: font-family:Microsoft Yahei;
font-style: italic, value: italic. For example: font-style:italic;
font-weight: bold, value: bold. For example: font-weight:bold;

##CSS text property

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
    <style type="text/css">
    h1{
        color:red;
        width:350px;
        text-align:center;
        font-family:微软雅黑;
    }
    p{
         line-height:150%;
         text-indent:28px;
         font-family:楷体;
    }
    .box{
        font-style:italic;
        font-weight:bold;
        text-decoration:underline;
    }
    </style>
    </head>
    <body>
        <h1>习近平心中的互联网</h1>
        <p>互联网是20世纪最伟大的发明，它正在将人类“<span class="box">一网打尽</span>”，人们在不知不觉中已经融入了互联网生态，互联网让世界变成了“鸡犬之声相闻”的地球村。</p>
    </body>
</html>

Continuing Learning

new file

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <style type="text/css"> h1{ color:red; width:350px; text-align:center; font-family:微软雅黑; } p{ line-height:150%; text-indent:28px; font-family:楷体; } .box{ font-style:italic; font-weight:bold; text-decoration:underline; } </style> </head> <body> <h1>习近平心中的互联网</h1> <p>互联网是20世纪最伟大的发明，它正在将人类“<span class="box">一网打尽</span>”，人们在不知不觉中已经融入了互联网生态，互联网让世界变成了“鸡犬之声相闻”的地球村。</p> </body> </html>

submit Reset Code

Automatic operation

CSS basic tutorial size, font and text properties

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]