样式

字体颜色     color: ;
背景颜色        background-color: ;
字体大小        font-size: ;
外边距     margin: ;//共能输入4个值，分别代表上边距 右边距 下边距 左边距，呈顺时针//如果只输入1个值则代表四边边距//只输入两个值则代表上下边距 左右边距
内边距     padding: ;
边框          border: 10px solid black;//共能输入三个值，分别代表宽度 实（虚）线 颜色 //虚线：dotted dashed//实线：solid double(双实线)
字体样式        font-family: ‘’;
字体倾斜        font-style: italic;
字体粗细        font-weight: bold;
字体对齐方式  text-align: left;//左对齐：left//右对齐：right//居中对齐：center//两端对齐：justify
字体下划线   text-decoration: underline red dotted;//共有三个属性 线条类型 颜色 实（虚）线//none：无下划线//underline：下划线//line-through：删除线//overline：上划线
首行缩进        text-indent: 2em;
设置字间距   letter-spacing: ;
设置行高        line-height: ;
设置文本阴影  text-shadow: 30px 30px 1px brown;//四个值分别为水平方向偏移量 垂直方向偏移量 阴影面积（模糊程度） 阴影颜色

引入样式的三种类型

内联样式

即在<head>内添加一个<style>标签，在其中添加样式后引用到代码中
例如：
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.p{font-size: 100px;color: red;font-family: '宋体';}</style>
</head>
<body><p class="p">内联样式</p>
</body>

行内样式

行内样式即将样式写在行内，在标签后边添加style属性
<body><p style="font-style: italic; font-weight: bold; color: white; background-color: black;">行内样式</p>
</body>

外部引入

在外部创建一个css文件，随后使用link引入到html文件中

样式名

当使用内联样式和外部引入时，为了精准定位到需要样式的地方，需要进行命名
命名分为class和id两种，同时也可以直接使用标签名对全局中的样式进行样式更改
class命名后在style标签中和css文件中为“.xx”
例如class="p" 则想选中这个标签便为".p"
id命名后为“#xx”

HTML的样式及引入样式的三种类型相关推荐

html样式表三种类型包括,css样式有哪几种类型
CSS样式有三种类型:1.行内样式(内嵌样式),使用style属性直接把CSS代码添加到HTML的标记中:2.内部样式(内联样式),把css样式写在style标签中:3.外部样式(外联样式),将css ...
小程序引入icon的三种方式
小程序引入icon的三种方式(原生图标.WeUI图标组件.iconfont图标) 原生图标小程序里原生图标是通过icon标签来引入的: <icon type="success&quo ...
CSS初学之引入css的三种方式（一）
1.引入css的三种方式一.第一种简介第一种:行内样式每一个元素都具备style属性,通过该属性可以设置元素的相关样式缺点: 复用性不高,样式更新麻烦不复合网页标准,h ...
CSS 引入 HTML 的三种方式
CSS 引入 HTML 的三种方式在 html 文档中引入 CSS 样式表有三种引入方法: 内部样式表(嵌入式) 行内样式表(行内式) 外部样式表(链接式) 一.内部样式表内部样式表(内嵌 ...
java将一个整数按字节输出_在java中的整数类型有四种，分别是 byte short int long 其中byte只有一个字节 0或1，在此不详细讲解。其他的三种类型如下：1、...
在java中的整数类型有四种,分别是 byte short int long 其中byte只有一个字节 0或1,在此不详细讲解. 其他的三种类型如下: 1. 基本类型:short 二进制位数:16 ...
Asp.net支持三种类型的cache[转]
from:http://www.cnblogs.com/thomasnet/archive/2006/11/26/573104.html Asp.net支持三种类型的cache 想写一个技术快速概述, ...
java中三种转string的方法_java中int,char,string三种类型的相互转换
如何将字串 String 转换成整数 int? int i = Integer.valueOf(my_str).intValue(); int i=Integer.parseInt(str); 如何将 ...
html5中标签分为,HTML标签的三种类型
HTML标签的类型分为三种:行内元素,行内块元素,块级元素而标签的属性是可以转换的 display:inline: 转换为行内元素 display:linline-block 转换为行内块元素 di ...
java中有scoreframe类型嘛_java构造函数的三种类型总结
我们说构造函数能处理参数的问题,但其实也要分三种情况进行讨论.目前有三种类型:无参.有参和默认.根据不同的参数情况,需要我们分别进行构造函数的讨论.这里重点是无参构造函数的初始化也要分两种方法进行分析 ...

HTML的样式及引入样式的三种类型

引入样式

样式

引入样式的三种类型

内联样式

行内样式

外部引入

样式名

HTML的样式及引入样式的三种类型相关推荐

最新文章

热门文章