前端大牛养成之路

CSS基础笔记一

2017-02-19  本文已影响0人  Stevenqqq

一、什么是CSS?

CSS 指层叠样式表 (CascadingStyleSheets)

CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

二、如何编写CSS样式?


–内联样式

style属性 <span style="color:red;"></span>

–内嵌(嵌入,内部)样式,head标签中添加style标签。

在head标签中添加style标签。

<head>

<style> p {color:red;} </style>

</head>

–外部样式,外联样式(link)

通过link标签引入css样式文件

<link rel="stylesheet" href="a.css" type="tesxt/css">

•type属性:只有一个选项,“text/css",指定当前为css文本文件

•rel:指定当前HTML文件与CSS文件的关系是样式表。href:指定外联样式表的路径

三、CSS语法

p {color:red}

选择符+声明+大括号(对空格与换行不敏感)

h1{

     width:10px;

    height:20px;

}

四、CSS简单属性

width:设置宽度,单位px像素

height:高度

color:前景色,也就是文字的颜色

background-color:背景色。

font-size:字体的大小。

上一篇 下一篇

猜你喜欢

热点阅读