CSS基础笔记一

作者: Stevenqqq | 来源:发表于2017-02-19 13:26 被阅读0次

一、什么是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:字体的大小。

相关文章

  • H5-day1-css

    最近在看html基础,好吧,写点笔记,比较low见谅,反正我自己看懂就行了 CSS基础 1、css简介 casca...

  • css 笔记一:布局基础

    css 笔记一:基础 css应该是非常基础的东西,大家都现在都过分关注一些前端的前沿技术,却忽视了一些基础功能。即...

  • CSS基础笔记一

    一、什么是CSS? CSS 指层叠样式表 (CascadingStyleSheets) CSS通常称为CSS样式表...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • CSS基础笔记

    1.引入其他css样式表@import "style.css"引号里填url 1.CSS的工作原理 瀏覽器解析網頁...

  • CSS基础笔记

    笔记会不定时更新,检查自己知识漏洞。 并集选择器 多个选择器通过逗号连接而成的。 例:h1, h2, p {col...

  • css基础笔记

    1.设置border-box后才能使用宽度100%(除非不加padding)。2.ie默认支持border-box...

  • CSS基础笔记

    【CSS简介】 《css简介》 css指的是层叠样式表(cascading style sheets),作用是负责...

  • 笔记 - CSS基础

    浏览器与支持特性 caniuse.com 关于CSS优先级: 一般情况下,优先级如下:(外部样式)External...

网友评论

    本文标题:CSS基础笔记一

    本文链接:https://www.haomeiwen.com/subject/echjwttx.html