CSS的简要学习---CSS介绍（待补充）

<!DOCTYPE html>

<head>

<title>Document</title>

<!--

网页分为三部：

结构（html）

表现（css-层叠样式）--肉眼能看到的

行为（javaScript）

css用来设置网页中元素的样式

-->

<!--

使用css来修改元素的样式：

1-内联样式:标签内部通过style属性来设置元素的样式

缺点：只能一行一行设置（开发时不能使用）

2-内部样式:将样式编写到head的style标签里

优点：内部样式可以为整体设置样式,设置标签选择器并为其设置各种样式，方便修改和重复使用

缺点：只能在当前页面使用

3-外部样式：将css样式编写到一个外部的css文件中,通过link标签引入外部的css文件

只要想使用这些样式的网页都可以对其进行引用，不同页面间可以使用

-该样式可以使用到浏览器的缓存机制，从而加快网页的加载速度，提高用户体验

-->

<!--

<style>

color: yellowgreen;

font: 100;

font-size: 30px;

}

</style>

-->

</head>

<body>

<p>锄禾日当午，汗滴禾下午。</p>

<p>今天天气真不错！</p>

<p>落霞与孤鹜齐飞，秋水共长天一色。</p>

</body>

</html>

CSS的简要学习---CSS介绍（待补充）相关推荐

css的基本操作学习--css样式，选择器，hover，文字属性，文本属性，背景
什么是css? 通配符选择器 <head>/* *通配符选择器匹配任何元素 */*{margin: 0;padding: 0;} </head> css样式有三种一种是内嵌 ...
HTML的简要学习---超链接（待补充）
超链接可以让我们从一个页面跳转到另一个页面,或者是当前页面的其他位置使用a标签来定义超链接属性:href 指定跳转的目标路径 -值可以是一个外部网站的地址 -内部页面的地址超链接也是一个行内元素 ...
Web技术基础学②——初步学习CSS
初步学习CSS 目录初步学习CSS 前言 ✍CSS如何使用? ✍CSS相关样式 ✎颜色.尺寸及对齐 ✎盒子模型 ✎边框与边距 ✎定位 ✎定位 ✎浮动 ✎不透明度 ✎组合选择器 ✎伪类和伪元素 ✍CS ...
html css的简单学习
html css的简单学习 css的内边距: padding (auto.length.%)(顺序:上.右.下.左) padding-top padding-left padding-right pa ...
简要介绍css的盒模型,CSS盒模型的介绍
CSS盒模型的概念与分类 CSS盒模型就是一个盒子,封装周围的HTML元素,它包括内容content.边框border.内边距padding.外边距margin. CSS盒模型分为标准模型和IE模型: ...
css flexbox模型_5分钟内学习CSS Flexbox-初学者教程
css flexbox模型快速介绍流行的布局模块 (A quick introduction to the popular layout module) In this post, you'll l ...
html css做网页总结,学习CSS制作网页总结的一些经验
学习CSS制作网页总结的一些经验互联网发布时间:2008-10-17 19:28:20 作者:佚名我要评论让你使用DIV CSS排版不是让你用换个标签然后再去按照表格的方式去排版 ...
[译] 如何学习 CSS
原文地址:How To Learn CSS 原文作者:Rachel Andrew 译文出自:掘金翻译计划本文永久链接:github.com/xitu/gold-m- 译者:Mcskiller 校对者 ...
css知多少（2）——学习css的思路
两周之前写过该系列的第一篇,其实当时只是一个想法,这段时间迟迟未更新,是在思考一个解决过程.现在初有成效,就开更吧. 1．一个段子开题不必太严肃,写博客也不像写书,像聊天似的写东西是最好的表达方式 ...

CSS的简要学习---CSS介绍（待补充）

CSS的简要学习---CSS介绍（待补充）相关推荐

最新文章

热门文章