下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:CSS入门

作者:朱李洛克     来源: 博客园点击数:991发布时间: 2020-05-13 13:50:42

标签: XMLhtmlCSS

Web开发

  层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现html(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。css不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

  CSS概述

  CascadingStyleSheets:层叠样式表

  主要用作用:用来美化我们的HTML页面的,HTML决定网页的骨架,CSS化妆,将页面的HTML和美化进行分离

  CSS的简单语法:在一个style标签中,去编写CSS内容,最好将style标签写在这个head标签中

  <style>

  选择器{

  属性名称:属性的值;

  属性名称2:属性的值2;

  }

  </style>

  CSS选择器

  帮助我们找到我们要修饰的标签或者元素

  元素选择:

  元素的名称{

  属性名称:属性的值;

  属性名称:属性的值;

  }

  ID选择器:

  以#号开头ID在整个页面中必须是唯一的

  #ID的名称{

  属性名称:属性的值;

  属性名称:属性的值;

  }

  类选择器:

  以.开头

  .类的名称{

  属性名称:属性的值;

   属性名称:属性的值;

  }

  CSS的引入方式

  ​外部样式:通过link标签引入一个外部的css文件

  ​内部样式:直接在style标签内编写CSS代码

  ​行内样式:直接在标签中添加一个style属性,编写CSS样式

  CSS浮动

  浮动的元素会脱离正常的文档流,在正常的文档流中不占空间

   float属性:

   left

   right

  

   clear属性:清除浮动

   both:两边都不允许浮动

   left:左边不允许浮动

   right:右边不允许浮动

   流式布局

  CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程