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元素.包括对字体.颜色.边距.高度.宽度.背景图片.网页定位等 ...

随机推荐

洛谷P1412 经营与开发题解
题目链接QWQ这里就不阐述了: 题解部分: 从题面上来看,这是个dp(递推)的题目. 但是dp要满足无后效性,但这个题为了取最值,得考虑从当前开始一直持续到结束的p的影响. 这让我们怎么满足无后效性? ...
VxWorks引导启动过程
https://blog.csdn.net/phunxm/article/details/6979089
安装php多进程模块pcntl
在使用函数pcntl_fork()时报错 Fatal error: Uncaught Error: Call to undefined function pcntl_fork()....,原因是没有 ...
strtok的使用
/* strtok函数的使用 */ #include <stdio.h> #include <stdlib.h> #include <string.h> // 函数 ...
图片转base64的几种场景(网络图片，本地图片，用户上传图片)
转载于博客园 https://www.cnblogs.com/zhangdiIT/p/7895903.html 写的很棒推荐给大家场景一:将用户本地上传的资源转化,即用户通过浏览器点击文件上传时 ...
WIN 7 的vs2008 试用版评估期结束的解决方法
1. 在VS2008安装目录下把Setup/setup.sdb文件中的 [Product Key] T2CRQGDKBVW7KJR8C6CKXMW3D 改成 [Product Key] PYHYPWX ...
Dw 表单制作与 dedecms 结合实现提交效果
Dw 表单制作与 dedecms 结合实现提交效果自定义表单的用处 1.教育类网站的学员报名 2.企业网站的在线订单 3.普通网页上的一些和用户交互的小功能实现原理:首先添加表单:核心-频道模型 ...
MySQL错误日志显示(Got an error reading communication packets)的问题
错误显示: 2019-05-28T12:54:08.267934+08:00 820396 [Note] Aborted connection 820396 to db: 'Databaseplatf ...
alpine操作
设置镜像源使用其他版本把v3.7改成对应版本就行查看版本 cat /etc/os-release 阿里 echo http://mirrors.aliyun.com/alpine/v3.7/mai ...
K8S in Action
1,容器的概念镜像镜像仓库容器镜像层:Docker镜像由多层构成.好处:网络分发效率,减少镜像的存储空间 1.2 k8s 主节点 ,它承载着 Kubernetes 控制和管理整个集群系统的控制 ...

css简介和属性