CSS指的是层叠样式表（Cascading Style Sheets）

样式定义如何显示HTML元素，通常存储在样式表中。

css使用方式

内联式

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>内联样式</title>

</head>

<body>

    <p style="background: red"> I  love  China!</p>

</body>

</html>

内部样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内联样式</title> <style type="text/css"> p{ background: green; } </style> </head> <body> <p> I love China!</p> </body> </html>

外部样式

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>内联样式</title>

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

</head>

<body>

    <p> I  love  China!</p>

</body>

</html>

CSS语法：

selector {property : value;} 选择器{属性1：值1；属性2：值2；}

常用选择器：

.ClassSelector(类)
#IdSelector(id)
Selector(标签)

基本CSS属性：背景，文本，字体，尺寸，边距和填充，边框

background (背景)

background-color 背景颜色
background-image 背景图像
background-repeat 背景平铺方式或重复
background-attachment 背景图像是否固定或随平面滚动
background-position 背景图像起始位置

Text(文本）

color 颜色
line-height 行高
text-align 文本水平对齐方式
vertical-align 文本垂直对齐方式
Text-indent 首行缩进
Text-shadow 字体阴影
White-space 空白处理方式
Word-spacing 字间距

Font

Font-family 指定文本字体系列
Font-size 指定文本字体大小
Font-style 指定文本字体样式
Font-weight 指定字体粗细

Dimension

height 设置元素高度
Line-height 行高
max-height 元素最大高度
max-width 元素最大宽度
min-heigth 元素最小高度
min-winth 元素最小宽度
width 设置元素宽度

Margin&Padding

Margin

Margin-top 上边距
Margin-bottom 下边距
Margin-left 左边距
Margin-right 右边距

Padding

Padding-yop 上填充
Padding-bottom 下填充
Padding-left 左填充
Padding-right 右填充

Border

Border-top 上边框
Border-bottom 下边框
Border-left 左边框
Border-right 右边框
Border-style 边框样式
Border-width 边框宽度
Border-color 边框颜色

css简介和属性的更多相关文章

【CSS简介、基础选择器、字体属性、文本属性、引入方式】前端小抄(2) - Pink老师自学笔记
[CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面 ...
2、前端--初见前后端交互、CSS简介、基本选择器、组合选择器、属性选择器、分组与嵌套、伪类选择器
今日内容概要初窥后端框架 css简介 css选择器今日内容详细初次体验前后端交互 # 代码无需掌握只看效果即可 """后端框架:可以简单的理解为别人写好的一个非常 ...
CSS简介，基础选择器，字体属性，文本属性
欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...
html5快速入门（二）—— CSS简介
前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的文章是本人自己整理,尽量将开发中不常用到的剔除,将经常使用的拿出来,使需要的朋友能够真 ...
CSS 简介
CSS 简介需要具备的基础知识在继续学习之前,你需要对下面的知识有基本的了解: HTML XHTML CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义 ...
CSS那些事儿-阅读随笔1（CSS简介与选择符）
最近开始详细钻研CSS有关的知识,参考资料是<CSS那些事儿>.将把在此过程中的收获进行记录,方便以后的学习. 一.CSS简介 1.什么是CSS CSS全称为Cascading Style ...
CSS中Position属性
也许你看到这个标题觉得很简单,确实这是一篇关于CSS中Position属性基础知识的文章,但是关于Position的一些细节也许你不了解. 1.简介 position有五个属性: static | r ...
CSS 简介、选择器、组合选择器
#CSS 装饰器引入<!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...
CSS（一）：CSS简介和基本语法
一.CSS简介 1.什么是CSS CSS:Cascading Style Sheet:即层叠样式表.样式定义了如何显示HTML或XHTML元素.包括对字体.颜色.边距.高度.宽度.背景图片.网页定位等 ...

随机推荐

Python socket服务
套接字(socket)是一个抽象层,应用程序可以通过它发送或接收数据,可对其进行像对文件一样的打开.读写和关闭等操作. 1. 实现客户端发送字符,服务器返回大写的字符: 服务器: import soc ...
VxWorks引导启动过程
https://blog.csdn.net/phunxm/article/details/6979089
Java基本的程序结构设计数组
声明数组: int[] a; int a[]; 两种方式.一般选择第一种,比较一目了然. 初始化,必须指定长度: int[] a = new int[10]; int[] a = {1,2,3}; 初 ...
Spring AOP 使用注解定义切面（转载）
原文地址:http://www.jianshu.com/p/6f40dddd71a5 1.定义切面下面我们就来定义一场舞台剧中观众的切面类Audience: package com.spring.a ...
百度地图api的简单应用（二）：轻量级路径规划
同上篇的原理,我们还是输入url,返回json文件. 而由图可见,路径规划返回的json文件内容可能会很多.杂: 因此后续的处理与上篇略有不同. import json import requests ...
Redis如何实现高可用【主从复制+哨兵机制+keepalived】
实现redis高可用机制的一些方法: 保证redis高可用机制需要redis主从复制.redis持久化机制.哨兵机制.keepalived等的支持. 主从复制的作用:数据备份.读写分离.分布式集群.实 ...
ORACLE复杂查询之子查询
子查询分为两类:标准子查询和相关子查询. 一.标准子查询:子查询先于主查询独立执行,返回明确结果供主查询使用. 子查询只执行一次,不依赖于主查询. 例如: 其中子查询能够返回结果:2450.所以断定其 ...
【leetcode】1207. Unique Number of Occurrences
题目如下: Given an array of integers arr, write a function that returns true if and only if the number o ...
druid配置以及监控
1.druid监控的功能: . 数据源 . SQL监控对执行的MySQL语句进行记录,并记录执行时间.事务次数等 . SQL防火墙对SQL进行预编译,并统计该条SQL的数据指标 . Web应用对 ...
Mysql基本原理和概念
一.引言随着互联网应用的广泛普及,海量数据的存储和访问成为了系统设计的瓶颈问题.对于一个大型的互联网应用,每天几十亿的PV无疑对数据库造成了相当高的负载.对于系统的稳定性和扩展性造成了极大的问题.通 ...

css简介和属性