HTML-CSS

前言

  现在说到干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 规则由两个主要的部分构成:选择器,以及一条或多条声明:

![这里写图片描述](https://img-blog.csdn.net/20170928155640216?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGZoZ3NoZ2Rm/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)    选择器通常是您需要改变样式的 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也是越来越实用了,有待挖掘。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 16
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值