【HTML/CSS】我总结的一些基本概念

开头吐槽
可是吐槽什么好呢？
我……我不好说什么暴论

CSS是什么

Cascading Style Sheets 层叠样式表
CSS 描述如何在屏幕、纸张或其他媒体上显示 HTML 元素

为什么要有CSS？

CSS是在HTML基础上的样式优化（自认为是这样
HTML虽然方便了网页结构的规划，但是要说到显示的效果上，就拉了（程序员噩梦。
CSS给了让HTML网页变得更好看的简单方式。

CSS规则

CSS样式规则:选择器 {属性:值属性:值 ···
样式写在<style>里
CSS样式中的注释同C--->/**/

通过修改字体外观认识CSS

 <!DOCTYPE html>
<html>
    <head>
        <!--
            CSS样式规则:选择器 {属性:值 属性:值 ···
            样式(<style>)写在head里
        -->
        <style>
            h1 {
                color :orange;
                font-size: 100px;
                font-family:"宋体","微软雅黑","arial";
                font-weight: bold;
                /*
                    1.现在网页中字体大小普遍14px+
                    2.尽量使用偶数大小的字号，IE会bug
                    3.各种字体之间必须用英文逗号隔开
                    4.中文字体需要加英文状态下的引号
                    5.字体名包含空格或者什么奇怪的符号就要用引号
                    6.尽量使用系统默认字体，确保在各种系统中都能显示
                */
            }
            p {
                /*color :pink;
                font-size: 16px;*/
                font: italic bold 50px "微软雅黑";
            }
            /*font 可以综合设置
                选择器 {font: 样式 是否加粗/行高 大小 字体}
                必须保留大小和字体，别的可以省略。
                */
        </style>
    </head>
    <body> 
        <h1>卢本伟牛逼</h1>
        <p>jksadhfjkads</p>
    </body>
</html>

posted @ 2022-02-04 18:23 Jedi_Pz 阅读(31) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 【HTML/CSS】类和类选择器

· 【HTML】3 表单（重要）

· CSS简介

· 什么是CSS？

· css简介

公告

昵称： Jedi_Pz
园龄： 3年4个月
粉丝： 4
关注： 1

+加关注

2025年3月

日

一

二

三

四

五

六

Jedi_Pz

【HTML/CSS】我总结的一些基本概念

CSS是什么

为什么要有CSS？

CSS规则

通过修改字体外观认识CSS

公告

搜索

常用链接

我的标签

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论

	<!DOCTYPE html>
	<html>
	<head>
	<!--
	CSS样式规则:选择器 {属性:值属性:值 ···
	样式(<style>)写在head里
	-->
	<style>
	h1 {
	color :orange;
	font-size: 100px;
	font-family:"宋体","微软雅黑","arial";
	font-weight: bold;
	/*
	1.现在网页中字体大小普遍14px+
	2.尽量使用偶数大小的字号，IE会bug
	3.各种字体之间必须用英文逗号隔开
	4.中文字体需要加英文状态下的引号
	5.字体名包含空格或者什么奇怪的符号就要用引号
	6.尽量使用系统默认字体，确保在各种系统中都能显示
	*/
	}
	p {
	/*color :pink;
	font-size: 16px;*/
	font: italic bold 50px "微软雅黑";
	}
	/*font 可以综合设置
	选择器 {font: 样式是否加粗/行高大小字体}
	必须保留大小和字体，别的可以省略。
	*/
	</style>
	</head>
	<body>
	<h1>卢本伟牛逼</h1>
	<p>jksadhfjkads</p>
	</body>
	</html>