HTML常用的css属性(及其简写)
这篇文章主要介绍几个常用css属性和简写
本文目录:
1.背景属性
2.边框属性
3.字体属性
4.外边距
5.填充
6.颜色
1.background【背景属性】
background-color /*背景色*/
background-image /*背景图片*/
background-repeat /*背景图平铺方式*/
简写:background: 背景色 背景图片 平铺方式t;
例如:background: gray url(xxx/xx.png) no-repeat;
2.border【边框属性】
border-width /*边框宽度*/
border-style /*边框样式*/
border-color /*边框颜色*/
简写:border:边框宽度 边框样式 边框颜色
例如:border:1px solid #D3f402;
可以省略颜色,但宽度和样式不能省略。
例如:border: 3px dashed; /*颜色默认为黑色*/
3.font【字体属性】
font-style: italic; /*斜体*/
font-weight: bold; /*加粗*/
font-family: arial,sans-serif; /*字体种类*/
font-size: 20px; /*字号大小*/
line-height: 35px; /*行高*/
简写:font: 斜体字 加粗 字号大小/行高 默认字体,备用字体, 备用字体;
例如:font: italic bold 20px/35px arial,sans-serif, "微软雅黑";
可以省略,但顺序不可颠倒,注意符号。
4.margin【外边距】
margin-top/*上边距*/
margin-right/*右边距*/
margin-bottom/*下边距*/
margin-left/*左边距*/
简写:
※这里参数值可以有1~4个
(1)一个参数
margin: 上右下左;
例如:margin: 10px;
(上右下左边距都为10px)
(2)两个参数:
margin: 上右 下左;
例如:margin: 5px 10px;
(上右边距5px,下左边距10px)
(3)三个参数:
margin: 上 左右下;
例如:margin: 5px 10px 15px;
(上边距5px,左右边距10px,下边距15px)
(4)四个参数:
margin: 上 右 下 左;
例如:margin: 10px 15px 10px 15px;
(上边距10px,右边距15px,下边距10px,左边距15px)
5.padding【填充】
padding-top/*上填充*/
padding-right/*右填充*/
padding-bottom/*下填充*/
padding-left/*左填充*/
简写:[和"4.margin【外边距】"相同]
6.【颜色】
(1)名称->color: DarkGoldenRod;
(2)RGB值->color: rgb( 184,134,11 );
(3)[rgb值的]十六进制->color:#B8860B
HTML常用的css属性(及其简写)的更多相关文章
- 整理 W3CSchool 常用的CSS属性列表
近期教学给学员总结常用的CSS属性,方便学习查询,正好发上来也给大家分享一下,O(∩_∩)O. 摘选自:http://www.w3cschool.com.cn/ 表格最右列的数字标识支持的CSS最低版 ...
- 第60天:js常用访问CSS属性的方法
一. js 常用访问CSS 属性的方法 我们访问得到css 属性,比较常用的有两种: 1. 利用点语法 box.style.width box.style.top 点语法可以得到 ...
- 常用的CSS属性列表汇总
常用的CSS属性列表汇总 近期教学给学员总结常用的CSS属性,方便学习查询,正好发上来也给大家分享一下. 表格最右列的数字标识支持的CSS最低版本. 01. CSS背景属性(Background) 属 ...
- 常用的CSS属性
1.CSS背景属性(background) 属性 描述 background 在一个声明中设置所有的背景属性 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动 ...
- 一些很好用但不常用的css属性总结 (持续中......)
在各种框架横行的9012,感觉我们学前端的都变得浮躁了很多,放一张最近流行的神图: 唉,扯远了, 还是整理我的东西吧,路漫漫其修远兮,吾将上下而求索! 1, position:sticky; 粘性定位 ...
- HTML CSS 属性大全
CSS 属性大全 文字属性 「字体族科」(font-family),设定时,需考虑浏览器中有无该字体. 「字体大小」(font-size),注意度量单位.<绝对大小>|<相对大小&g ...
- CSS属性(常用的属性)
CSS属性(常用的属性)http://www.w3school.com.cn/cssref/index.asp 一:文本与字体属性 1.字体属性 (1):font-size:字体的大小(例如:font ...
- 常用css属性
一.常用css属性 (1) *block(区块) 行高 line-height:数值 | inherit | normal;字间距 letter-spacing: 数值 | inherit | nor ...
- 常用css属性记录
CSS常用属性: 字体属性:(font)大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD样式 font-style: ...
随机推荐
- Windows上使用Python2.7安装pip
资料包含: setuptools-33.1.1 pip-18.1 ez_setup.py get-pip.py 方法一 先安装 setuptools: 进入 setuptools 文件夹,运行:pyt ...
- IO流(File类--递归--过滤器--IO字节流--IO字符流--Properties集合--缓冲流--转换流--序列化流--打印流)
一.File类 1.1概述 java.io.File 类是文件和目录路径名的抽象表示,主要用于文件和目录的创建.查找和删除等操作. 1.1.1相对路径与绝对路径 相对路径从盘符开始的路径,这是一个完整 ...
- 学校acm比赛题
这道题 用位运算必然简单 但是苦逼的是自己不熟练 那就 用本办法 输入一个十进制数 转换成二进制翻转 去掉高位的零 然后再转化为十进制 输出! 1 #include<stdio.h> ...
- python入门(需要C++基础)
title: python语法入门 author: Sun-Wind date: August 25, 2021 python语法入门 博主最近参加一项比赛,因为需要用到python,所以在这里记录自 ...
- 新东方APP技术架构演进, 分布式系统架构经验分享
今天的演讲题目是"新东方APP技术架构演进, C端技术经验分享" 作者:张建鑫, 曾任IBM高级软件架构师, 滴滴高级技术专家, 现任新东方集团高级技术总监 古代东西方的思想家都产 ...
- 一个基于activiti审批流程示例,如何与系统整合
前言 目前市场上有很多开源平台没有整合工作流,即使有,也是价格不菲的商业版,来看这篇文章的估计也了解了行情,肯定不便宜.我这个快速开发平台在系统基础功能(用户管理,部门管理-)上整合了工作流,你可以直 ...
- vue post 请求 是 request payload 而不是 FromData ,以及 格式转换成 FromData 需要的 key value 格式
export function 方法名字(传进来要给后端的参数){ return request({ url : ' 后端提供的接口路径 ', method ...
- WebService学习总结(二)--使用JDK开发WebService
一.WebService的开发方法 使用java的WebService时可以使用一下两种开发手段 使用jdk开发(1.6及以上版本) 使用CXF框架开发(工作中) 二.使用JDK开发WebServic ...
- (4)ElasticSearch在linux环境中搭建集群
1.概述 一个运行中的Elasticsearch实例称为一个节点(node),而集群是由一个或者多个拥有相同cluster.name配置的节点组成,它们共同承担数据和负载的压力.当有节点加入集群中或者 ...
- 运输层协议:TCP连接建立与释放
TCP的特点 面向连接:TCP是面向连接的运输层协议,通过TCP发送数据需要先建立连接,通信结束后需要释放连接 可靠传输:TCP实现了可靠传输,使得数据能够无丢失.无差错.不重复地到达接收端 面向字节 ...