码迷,mamicode.com
首页 > Web开发 > 详细

关于css和html简单介绍

时间:2018-11-23 12:42:45      阅读:312      评论:0      收藏:0      [点我收藏+]

标签:4.0   efault   一个   格式化   doc   设置   mys   字符   tle   

css

  • CSS 指层叠样式表 (Cascading Style Sheets)
  • 样式定义如何显示 HTML 元素
  • 样式通常存储在样式表
  • 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
  • 外部样式表可以极大提高工作效率
  • 外部样式表通常存储在 CSS 文件
  • 多个样式定义可层叠为一

Css例子

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:

H1{color:blue;front-size:12px}

Color是属性 blue是值  front-size是属性 12px是值

id 和 class 选择器

如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。


id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

Css样式表

Css样式表有三种

外部样式表(External style sheet)  内部样式表(Internal style sheet) 内联样式(Inline style)

外部样式表:当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在(文档的)头部:浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。

外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。

内部样式表:当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表,由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势,。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。

要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性。

Css内容:css背景  css文本   css字体    css链接  css 列表样式   css盒子  css表格

css边框轮    css轮廓属性  css外边距   css填充 css分组和嵌套  css尺寸  css显示

css定位  css浮动 css对齐 css伪元素  css导航栏 css下拉菜单  css图像透明不透明

html

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML标签文本内容
  • HTML文档也叫做 web 页面
    • <="" tag)到结束标签(end="" 元素指的是从开始标签(start="">

HTML 元素

开始标签 *

元素内容

结束标签 *

<p>

这是一个段落

</p>

<a href="default.htm">

这是一个链接

</a>

<br>

换行

 

  • *开始标签常被称为起始标签(opening tag,结束标签常称为闭合标签(closing tag

 

HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

HTML 文档实例:

<!DOCTYPE html>
< html>

< body>
< p>这是第一个段落。</p>
< /body>

< /html>

 

<p> 元素:

<p>这是第一个段落。</p>

这个 <p> 元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>.
元素内容是: 这是第一个段落。

<body> 元素:

<body>
< p>这是第一个段落。</p>
< /body>

<body> 元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。
元素内容是另一个 HTML 元素(p 元素)。

<html> 元素:

<html>

< body>
< p>这是第一个段落。</p>
< /body>

< /html>

<html> 元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 <html> ,以及一个结束标签 </html>.
元素内容是另一个 HTML 元素(body 元素)。

HTML 属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现,比如:name="value"
    • 下面列出了适用于大多数 HTML 元素的属性:

属性

描述

class

为html元素定义一个或多个类名(classname)(类名从样式文件引入)

id

定义元素的唯一id

style

规定元素的行内样式(inline style)

title

描述了元素的额外信息 (作为工具条使用)

Html 内容:

Html 标题    html 段落   html文本格式化    html 链接   html头部   html css图像

html表格   html列表   html布局   html区块   html表单   html框架   html颜色

html颜色名   html颜色值   html脚本  html字符实体 html url  html 速查列表

关于css和html简单介绍

标签:4.0   efault   一个   格式化   doc   设置   mys   字符   tle   

原文地址:https://www.cnblogs.com/zull123/p/10006650.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!