设为首页
收藏本站
切换到宽版
登录
立即注册
找回密码
搜索
搜索
本版
帖子
用户
快捷导航
论坛
BBS
VIP用户组
官网群
无名商城论坛
»
论坛
›
资源分享区
›
学习资源专区
›
【代码】一篇文章详解CSS的常用属性
返回列表
发帖
查看:
299
|
回复:
0
[其他技术]
【代码】一篇文章详解CSS的常用属性
[复制链接]
无名
无名
当前离线
积分
32464
1万
主题
1万
帖子
3万
积分
管理员
积分
32464
发消息
发表于 2022-5-8 18:30:36
|
显示全部楼层
|
阅读模式
颜色属性
ppppp //颜色少
ppppp //百度颜色代码可以查询更多
ppppp //三原色 红绿蓝256级
ppppp //比上一个 加了一个透明度
字体属性
font-size: 20px/50%/larger; //大小
font-style
blique; //斜体
font-family:"Time New Roman"; //字体格式
font-weight: lighter/bold/border/; //字体粗细
杨
背景属性
background-color: cornflowerblue; //背景颜色
background-image: url('1.jpg'); //背景图片
background-repeat: no-repeat/repeat-x/repeat=t; //(默认铺满,不重复,x重复,y重复)
background-size:600px 250px //大小
background-position: right top(20px 20px);//(横向:left center right)(纵向:top center bottom) //简写:
注意:
如果将背景属性加在body上,要记得给body加上一个height,否则结果异常,这是因为body为空,无法撑起背景图片;
另外,如果此时要设置一个width=100px,你也看不出效果,除非你设置出html。
文本属性
font-size: 10px; text-align: center; //横向排列 center:居中
line-height: 200px; //文本行高 通俗的讲,文字高度加上文字上下的空白区域的高度 50%:基于字体大小的百分比
vertical-align:-4px; //设置元素内容的垂直对齐方式 ,只对行内元素有效,对块级元素无效
text-indent: 150px; //首行缩进
letter-spacing: 10px; //字母间隙
word-spacing: 20px; //单词间隙
text-transform: capitalize; //单词大写
边框属性
border-style: solid; border-color: chartreuse; border-width: 20px; //简写:
border: 30px rebeccapurple solid;
列表属性
ul,ol{ list-style: decimal-leading-zero; list-style: none;
list-style: circle; list-style: upper-alpha; list-style: disc; }
dispaly属性
none //隐藏
block //调整成块属性
inline
display:inline-block可做列表布局,其中的类似于图片间的间隙小bug可以通过如下设置解决:
#outer{ border: 3px dashed; word-spacing: -5px; }
外边距和内边
margin: 用于控制元素与元素之间的距离;margin的最基本用途就是控制元素周围空间的间隔,从视觉角度上达到相互隔开的目的。
padding: 用于控制内容与边框之间的距离;
Border(边框) 围绕在内边距和内容外的边框。
Content(内容) 盒子的内容,显示文本和图像。
元素的宽度和高度:
重要: 当您指定一个CSS元素的宽度和高度属性时,你只是设置内容区域的宽度和高度。要知道,完全大小的元素,你还必须添加填充,边框和边距。
margin:10px 5px 15px 20px;-----------上 右 下 左
margin:10px 5px 15px;------------
属性
,
元素
,
边框
,
border
,
background
相关帖子
•
【凌晨网络教学】iapp基础教程~如何更换背景图
•
[Max]iapp侧滑窗体使用与及属性介绍
•
【NB】html5 基础教程(五)
•
【TS】HTML5的媒体元素
•
【NB】HTML网页设计:iframe内联框架
•
【NB】HTML网页设计:超链接
•
【贪玩王者,蓝月荣耀】修改王者装备属性一刀99999(单机食用)
•
【FUT】防止编辑框自动弹出输入法
•
【FUT】 iapp判断手机设备是否root
回复
使用道具
举报
返回列表
发帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
快速回复
返回顶部
返回列表