常用样式

width（宽度） height（高度）记得加单位；
color：（字体颜色）
font-size（字体大小）：默认16px，最小支持8px；
font-weight（字体粗细）：默认400，取值范围100-900；
font-family（字体样式）；
opacity（透明度）：取值范围0~1；
rgb（red 0-255，green 0-255，blue 0-255）都是255白色，都是0黑色；
rgba（红0-255，绿0-255，蓝0-255，透明度0-1）；

opacity和rgba（）设置透明色区别：opacity是背景颜色和文本内容都透明，rgba（）是背景颜色透明。

background-color（背景颜色）：颜色单词，十六进制，
background-image：url（）：背景图片url中放置图片路径（绝对路径、相对路径、网络路径）；
background-repeat：背景图片是否重复，默认重复（no-repeat：不重复）；
background-position：调整背景图片的位置，第一个值代表水平方向，第二个值代表垂直或竖直方向（center：居中）;
backgrouond-size：调整背景图片的大小，第一个值代表背景图片的宽度，第二个值代表背景图片的高度（cover：覆盖）。
list-style：none；（去除无序列表和有序列表的默认样式）；
text-indent：（首行缩进）
text-decoration：none；去除字体样式；（ underline下划线、 overline：上划线 line-through：贯穿线）；
letter-spacing：字体间距；word-spacing：单词间距；
text-transform：大小写转换（ capitalized：首字母大写 uppercase：全部大写 lowercase：全部小写）。

居中问题

快属性居中问题

水平居中：自己设置 margin：0 auto；
垂直居中：没有快捷方式（父元素的高度减去子元素的高度除以二）。

非快属性居中问题

水平居中：给父元素设置text-algin：center；
单行文本垂直居中：给父元素设置line-height：（父元素的高度）

三种属性标签互相转换

display：inline-block；将标签转换为行块属性；
display：inline；将标签转换为行属性；
display：block；将标签转换为块属性。

【web】css常用样式相关推荐

css文字向右对齐_web前端入门到实战：css常用样式对文本的处理演练
CSS文本属性可定义文本的外观,这是毫无疑问的,其次css可以通过以下属性改变文字的排版,比方说letter-spacing实现字符间距text-indent: 2em;完成首行缩进2字符word-s ...
CSS常用样式及示例
CSS常用样式及示例一.简介层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式 ...
html双箭头菜单,CSS常用样式之绘制双箭头的示例代码
一.多次调用单箭头实现了单箭头–就很容易实现双箭头了,上文已经介绍2种实现单箭头的原理: 边框旋转方式.双三角覆盖方式.这次以边框旋转为例多次调用实现双箭头. 1.边框旋转单箭头实现 .arrow- ...
css图片菜鸟教程,css 常用样式(分享)
font-family设置字体名称可以使用多个名称,用逗号分隔,浏览器则按照先后顺序依次使用可用字体 p { font-family:'宋体','黑体','Arial'; } font-size 设 ...
1-2 CSS常用样式笔记
文章目录 CSS常用样式字体属性文本属性盒模型属性宽度width 高度height 内边距padding 边框border 外边距margin 盒模型拓展应用清除默认样式高度height应 ...
dw中css目标规则命名,css 常用样式命名规则
大家在写css的时候,对一些html标签起一个合适的名字是个很头疼的事情,现在给大家分享项目中常用的名字供参考. 外套:wrap --用于最外层头部:header --用于头部主要内容:mai ...
css常用样式（文字样式、边框样式、背景样式）
CSS常用样式 CSS常用文字样式 color: brown; /*文字颜色*/ /*color: #333333;这样的也可以,这种颜色的表示方法是RGB的方式,没两位数表示一种颜色的度数, 一般情 ...
Day-1 HTML基本标签和CSS常用样式
实训打卡第一天,学的不错,淦-----哈哈哈 HTML基本标签基本标签:前端页面超链接的使用:字体的颜色和字体的大小.形式:还有就是页面图片.音频和视频的导入. <!DOCTYPE html& ...
CSS常用样式属性有哪些？代码怎么写?
CSS常用样式属性有哪些?CSS样式属性有两种分别是局常用样式属性和文本常用样式属性,CSS的作用是美化HTML网页和控制页面布局,我们需要掌握这两种常用的样式属性来美化页面.一套教程,带你轻松掌握H ...

【web】css常用样式

常用样式

居中问题

快属性居中问题

非快属性居中问题

三种属性标签互相转换

【web】css常用样式相关推荐

最新文章

热门文章