长沙品牌网站设计,爱站网注册人查询,雷锋书签制作图片,便宜建站文章目录 前言CSS是什么CSS的作用CSS语法添加CSS的方法 前言
CSS是什么#xff1f;有什么作用#xff1f;怎么编写CSS#xff1f;怎样添加CSS#xff1f;本文对CSS的四个方面作了学习并形成学习笔记。
CSS是什么
CSS #xff08;Cascading Style Sheets#xff0c;层叠… 文章目录 前言CSS是什么CSS的作用CSS语法添加CSS的方法 前言
CSS是什么有什么作用怎么编写CSS怎样添加CSS本文对CSS的四个方面作了学习并形成学习笔记。
CSS是什么
CSS Cascading Style Sheets层叠样式表是用来控制网页在浏览器中的显示外观的声明式语言。
CSS的作用
我们知道HTML 是最常见的标记语言html文档是由该语言组织起来的文本文件。 CSS就是配合html用于设计文档的风格和布局等。 例如
添加样式 比如改变标题和链接的颜色及大小。创建布局 比如将一个单列文本变成包含主要内容区域和存放相关信息的侧边栏区域的布局。特效比如动画。
CSS语法
CSS 是一门基于规则(rule)的语言你能定义用于你的网页中特定元素样式的一组规则。
/* syntax */
selector{property: value;
}语法由一个 选择器selector起头它选择了我们将要用来添加样式的 HTML 元素。在这个例子中我们为一级标题主标题h1添加样式。 接着输入一对大括号 { }。在大括号内部定义一个或多个形式为属性property—值value对的声明。每个声明都指定了我们所选择元素的一个属性后面再跟一个我们想赋给这个属性的值。 冒号之前是属性冒号之后是值。不同的 CSS 属性对应不同的合法值。
比如“我希望页面中的主标题是红色的大字”。
h1 {color: red;font-size: 5em;
}在这个例子中我们指定了 color 属性它可以接受许多颜色值还有 font-size 属性它可以接收许多 size unit 值。
一个 CSS 样式表可以包含很多个规则。
h1 {color: red;font-size: 5em;
}p {color: black;
}添加CSS的方法
最通用的在html文档中加入CSS样式的方法是在html的head标签中链接css文件。
通常在 HTML 文档中head 语句模块里面加上下面的代码
link relstylesheet hrefstyles.css /!doctype html
html langenheadmeta charsetutf-8 /titleTao Te Ching/titlelink relstylesheet hrefstyles.css //headbodyh1第一章论道/h1p stylewhite-space: pre-line;道可道非常道名可名非常名。 无名天地之始有名万物之母; 故常无欲以观其妙常有欲以观其徼。 此两者同出而异名同谓之玄。玄之又玄众妙之门。/pulli第二章/lili第三章/lili第四章/lili第五章/li/ul/body
/html/* 元素选择器即直接匹配 HTML 元素的选择器。 */
h1 {color: red;
}/* 用逗号将不同选择器隔开即可一次使用多个选择器 */
p,li {color: green;
}/* 去除list bullets */
li {list-style-type: \1F44D;
}
