web----常用样式

2024-07-02 12:04:38

常用样式

width: 宽度

height：高度记得加单位px

color：字体颜色

font-size：字体大小默认16px 最小支持8px

font-weight：字体粗细默认400px 取值范围100-900 没有单位

font-family：字体样式

opactiy：透明度取值范围0-1 没有单位

background：

bcakground-color：背景颜色

颜色单词、十六进制#000000（黑色） #ffffff（白色）、

rgb（三原色 red 0-255， green 0-255， blue 0-255 （取值范围0-255））

都是255-白色，都是0-黑色 rgba（0-255，0-255，0-255，0-1）

opacity和rgba（）设置透明度的区别： opacity：背景颜色和文本内容都透明；rgba（）：只有背景颜色透明

background-image:(背景图片): url中放置图片路径（相对绝对网络）

background-repeat：no-repeat（设置背景图片是否重复默认重复）

background-position（调整背景图片的位置第一个值代表水平方向第二个值代表竖直方向向右为正向下为正）

background-size（调整背景图片大小第一个值代表背景图片宽度第二个值代表背景图片高度）

list-style：none 去除无序列表和有序列表的默认样式

text-indent 首行缩进

text-decoration（文本样式）：none(去除下划线)(none除a标签外没有修饰样式) 、underline（下划线）、 overline（上划线）、 line-through（贯穿线）

letter-spacing 字体间距

word-spacing 单词之间的距离

text-transform(大小写转换) : capitalize首字母大写、 uppercase全部字母大写、 lowercase全部小写

背景图片 url中放置图片路径（相对绝对网络）

background-image: url("");

设置背景图片是否重复默认重复

background-repeat: no-repeat;

调整背景图片的位置第一个值代表水平方向第二个值代表竖直方向

/* background-position:0px 400px ; */

background-position: center center;

调整背景图片大小第一个值代表背景图片宽度第二个值代表背景图片高度

/* background-size: 800px 800px; */

/* background-size: 100% 100%; */

background-size: cover ;

web----常用样式相关推荐

CSS/CSS3常用样式与web移动端资源
CSS/CSS3常用样式与知识点 IE条件注释条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. ...
[总结]CSS/CSS3常用样式与web移动端资源
CSS/CSS3常用样式与知识点 IE条件注释条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. ...
『总结』CSS/CSS3常用样式与web移动端资源
css/css3常用样式强制文本显示单行显示语法:white-space:nowrap; 让一段文字在固定宽度在一行显示,最后一个字符为省略标记(...),css样式如下 div{white-sp ...
Web前端——用CSS的常用样式制作一个炫酷的按钮
文章目录笔记:CSS的常用样式炫酷按钮效果实现笔记:CSS的常用样式边框以及弧度样式 border-width:边框的线条宽度. border-style:边框的样式,例如 solid实现 d ...
WEB前端-CSS-选择器常用样式/属性
CSS 层叠样式表 CSS(Cascading Style Sheets)是一种用来表现 HTML(标准通用标记语言)或者XML(标准通用标记语言的一个子集)等文件样式的计算机语言. 关于更详细的 C ...
【web】css常用样式
常用样式 width(宽度) height(高度)记得加单位: color:(字体颜色) font-size(字体大小):默认16px,最小支持8px: font-weight(字体粗细):默认400 ...
css文字向右对齐_web前端入门到实战：css常用样式对文本的处理演练
CSS文本属性可定义文本的外观,这是毫无疑问的,其次css可以通过以下属性改变文字的排版,比方说letter-spacing实现字符间距text-indent: 2em;完成首行缩进2字符word-s ...
有关Web常用字体的研究？
Windows自带字体: 黑体:SimHei 宋体:SimSun 新宋体:NSimSun 仿宋:FangSong 楷体:KaiTi 仿宋GB2312:FangSongGB2312 楷体GB2312:K ...
web常用通用组件+Axure后台管理系统框架模板+大屏数据可视化元件库+智慧社区管理系统大屏+图表组件+表单组合+智慧数据看板+通用大屏图表原件库+电脑端常用组件
作品介绍:web常用通用组件+Axure后台管理系统框架模板+大屏数据可视化元件库+智慧社区管理系统大屏+图表组件+表单组合+智慧数据看板+通用大屏图表原件库+电脑端常用组件 Axure原型演示及下载 ...
前端之css引入方式/长度及颜色单位/常用样式
1.css三种引入方式 <!DOCTYPE html><html><head> <meta charset="UTF-8"> < ...

最新文章

热门文章