分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

CSS基础知识

发布时间:2023-09-06 01:15责任编辑:顾先生关键词:CSS

1.   CSS 定义:指层叠样式表 (Cascading Style Sheets),是一种用来表现 HTML 文档样式的语言,样式定义如何显示 HTML 元素,是能够真正做到网页表现与结构分离的一种样式设计语言。样式通常存储在样

       式表中,外部样式表通常存储在 CSS 文件中,多个样式定义可层叠为一。

2.   CSS 规则:由两个主要的部分构成:选择器,以及一条或多条声明。选择器就是需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成,属性是设置的样式属性(style attribute),每个属性都有一 

    个值,属性和值用冒号分隔。CSS 声明总是以分号 ; 结束,声明组以大括号 {...} 括起来。为了让 CSS 可读性更强,可以每行只描述一个属性

3.   CSS 创建:当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。CSS 创建样式表有三种方法:行内样式、内部样式、外部样式

      (1)行内样式:

          内联样式也叫行内样式或者行间样式,即在相关标签内使用样式(style)属性定义。如下:

<div style="width:200px;height:100px;border:1px solid black;"></div>

      (2)内部样式:

          内部样式也叫内嵌样式,即在文档中创建内嵌的样式表,需要使用 <style> 标签在文档头部定义内部样式表,如下:

 ?<head> ?<style> ?div{ ?????width:200px; ?????height:100px; ?????border:1px solid black; ?} ?p{ ?????color:blue; ????font-size:14px; } span{ ????color:black; ????font-weight:bold; } </style> </head>

      (3)外部样式:

             外部样式也叫做外联样式,即使用 <link> 标签链接到外部样式表,如下:

 <head> <link rel="stylesheet" href="css/style.css"> </head>

4.    CSS 选择器

  • 元素选择器:标记名  {  声明块  }

        所有与该标记名匹配的元素,都将应用声明块中的规则。

  • 类选择器:.类名  {   声明块  }

       类必须以英文的点开始,所有class属性为指定类名的元素,都将应用声明块中的规则,可以将两个类名放在一起使用,类名中间空格隔开。

  • id选择器: # id值  {   声明块  }

       属性id为指定的元素,将应用声明块中的规则,在同一个html文档中,元素的id值必须唯一。

  • 后代选择器: 父级元素名称+空格+子级元素名称 {  声明块  }  
  • 子级选择器: 父级元素名称+>+子级元素名称 {  声明块  }
  • 并集选择器: 多个标签用逗号分开 
  • 属性选择器: 元素名称 [  属性名称+属性值 ] {  声明块 }

CSS基础知识

原文地址:http://www.cnblogs.com/ljm-mwml/p/7634388.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved