美文网首页
CSS笔记一

CSS笔记一

作者: 想要更多 | 来源:发表于2019-10-02 09:29 被阅读0次

1

CSS 语法结构为:

选择器{属性:值;属性:值;...}

选择器:通常是你需要设置样式的 HTML 元素。

属性:是你需要设置的样式属性,比如宽高,颜色,大小等。

属性值:你需要设置的样式属性的具体值,比如宽高具体是多少 px,颜色具体是什么颜色。

例子:

h1{color:red;}

注:上述例子中 h1 是选择器,color 是属性,red 是属性值。


2

<style type="text/css">含义

<style type="text/css"></style>表示这是样式表,在中间放入css内容;

type是它的类型属性,text/css是它的值,它们是告诉浏览器这里面的文本内容(text)要当层叠样式表 (css)来解析,不能当作其它的来解析。

3

CSS 样式类型分为三种:

内联式(行内式):通过标签的 style 属性来设置元素的样式,语法格式为:

<标签名style="属性1:属性值1; 属性2:属性值2; ...">内容


内嵌式(内部样式表):将 CSS 代码集中写在 HTML 文档的 head 头部标签中,并且用 style 标签定义。语法格式为:

选择器 {属性1:属性值1; 属性2:属性值2; ...}

相关文章

  • CSS 自学笔记(中)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 继承、层叠和特殊性 继承 CSS...

  • CSS 自学笔记(上)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 1. 简介 CSS 是层叠样式表...

  • CSS 自学笔记(下)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 代码简写 布局缩写 paddin...

  • CSS学习笔记(2018-07-29)

    CSS学习笔记 CSS 指层叠样式表 (Cascading Style Sheets) CSS语法 CSS 规则由...

  • js操作样式

    CSS HTML 笔记

  • CSS知识点整理

    写在前面:这是一篇学习CSS的笔记。重点在于罗列CSS的知识点。 CSS ㈠ CSS入门 什么是CSS?CSS 指...

  • CSS入门学习笔记

    CSS学习笔记 CSS= 层叠样式表 cascading style sheets HTML 表达结构 , CSS...

  • CSS_基础

    初探css,了解个大概,本文主要是对"zhaolion:CSS入门笔记 - 初识CSS"的简要记录 CSS的好处 ...

  • MDC-css教程——基础知识

    笔记类文章 完全摘录自 MDN-css 什么是css Cascading Style Sheets css 并非仅...

  • CSS-导航栏

    此笔记源自写代码啦课程 CSS搜索活用spec google mdn 阮一峰CSS 张鑫旭的CSS博客 Codro...

网友评论

      本文标题:CSS笔记一

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