HTML-CSS

来源:互联网 发布:mac os x dmg怎么安装 编辑:程序博客网 时间:2024/06/07 22:50

前言

  现在说到干WEB前端,要是不懂得HTML,那可就太不应该了,HTML(hypertext markup language)即超文本标记语言,html文件是带有格式标识符和超文本链接的内嵌代码的ascii 文本文件,在本篇博客中,主要来说说CSS。

正文

  在HTML发展到现在,一共出现了5个大版本了,本篇博客讲述的CSS实在HTML4开始使用的,是为了更好的渲染HTML元素而引入的。

  CSS(Cascading Style Sheets), 是一种样式表语言,用来描述 HTML 或 XML文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染放置的问题。

  CSS 可以通过以下方式添加到HTML中:

  ·内联样式- 在HTML元素中使用”style” 属性

  ·内部样式表 -在HTML文档头部 head 区域使用style 元素 来包含CSS

  ·外部引用 - 使用外部 CSS 文件

  怎么用CSS样式:

  在CSS中,运用了盒模型,然后研究通过在盒中应用这些方式控制盒布局:设置内边距、边框、外边距,设置自定义背景颜色、图片和其他特性,以及诸如阴影、过滤器之类的高级特性。

  怎么能用好CSS:

  擅长将页面分割成主要区域,或者根据HTML基元构建的控件的大小,位置和图层之间的关系进行定义。

  例如,网格容器的子元素可以自己定位,以便它们像CSS定位的元素一样,真正的有重叠和层次。

  了解CSS语法:

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

这里写图片描述
  选择器通常是您需要改变样式的 HTML 元素。

  每条声明由一个属性和一个值组成。

  属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。

   CSS声明总是以分号(;)结束,声明组以大括号({})括起来:

p {color:red;text-align:center;}

  为了让CSS可读性更强,你可以每行只描述一个属性:

p{color:red;text-align:center;}

  注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。
CSS注释以 “/” 开始, 以 “/” 结束, 实例如下:

/*这是个注释*/p{text-align:center;/*这是另一个注释*/color:black;font-family:arial;}

总结

  现在出现的HTML5也是越来越实用了,有待挖掘。

原创粉丝点击