html文本的背景,HTML---CSS字体,文本,背景和边框属性
css字体属性
font-family 规定元素的字体系列
font-size 设置字体的尺寸
font-style 设置字体的风格
font-weight 设置字体的粗细
color 设置字体的颜色
p{
/*汉字一般使用宋体,英文一般使用Ari..*/
font-famliy:"宋体";
/*相对单位(推荐):px em(2em相当于当前字体的2倍);绝对单位:cm mm*/
font-size:"30px"
/*normal:默认值;italic:斜体;oblique:倾斜*/
font-style:"normal"
/*normal:默认值;bold:粗体;bolder:更粗的字体;100~900:粗细的范围*/
font-weight:"normal"
color:"orange"
}
css文本属性
text-indent 首行缩进
text-align 文本对齐 left center right justify(两端对齐)
word-spacing 字间隔
letter-spacing 字符间隔
text-transform 字符转换 none uppercase(大写) lowercase(小写) capitalize(首字母大写)
text-decoration 文本装饰 none underline overline line-through blink(闪烁)
white-space 空白处理 nowrap(强制不换行) normal(默认)
#a01{
text-indent:"20px"; /*首行缩进*/
text-align:"center"; /*文本对齐*/
word-spacing:"10px"; /*字间隔*/
letter-spacing"20px"; /字符间隔/
text-transform:"none"; /*字符装换*/
text-decoration:"underline"; /*文本装饰*/
white-space:"normal"; /*处理空白*/
height:"200px";
line-height:"200px" ;/*把行高和区域高度一致,就是居中显示*/
}
a{
text-decoration:none;/*去掉超链接中的下划线*/
}
背景属性
background-color 背景颜色
background-image 背景图片
background-repeat 背景重复 repeat(默认) repeat-x(x轴平铺) repeat-y(Y轴平铺) no-repeat(不平铺)
background-position 背景定位
[left center(左中) ,center center(居中)] 相对定位
(横坐标,纵坐标) 绝对定位
background-attachment 背景滚动 fixed(固定) scroll(默认)
body{
background-image:url(图片路径); /*背景图片*/
background-repeat:repeat-x; /*背景重复*/
background-poison:left center; /*背景定位*/
background-attachment:scroll; /*背景滚动*/
}
边框属性
border-style/color/width 总边框风格/颜色/厚度
border-left-style/color/width 左边框风格/颜色/厚度
border-right-style/color/width 右边框风格/颜色/厚度
border-top-style/color/width 上边框风格/颜色/厚度
border-bottom-style/color/width 下边框风格/颜色/厚度
p{
border:1px solid/*实线*/ #aaa
border-top-style:none
border-top-width:dotted /*点状边框*/
border-top-color:#aaa
}
html文本的背景,HTML---CSS字体,文本,背景和边框属性相关推荐
- 文本样式,CSS字体和背景
文本样式,CSS字体和背景 一.文本样式 二.字体 三.背景 一.文本样式 CSS的文本属性可以定义文本的外观.通过这些属性我们可以改变文本的颜色和字符间距等. 在设定样式之前我们需要了 ...
- CSS 字体文本样式
文章目录 CSS字体文本样式 字体样式 color 字体颜色 font-size 字体大小 font-family 字体类型 font-weight 字体粗细 font-style 字体风格 综合简写 ...
- html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色
CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...
- CSS设置html网页背景图片 CSS设置网页背景颜色
http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...
- CSS 字体 文本 过渡 盒子初步
12.17 学习笔记 主要内容: 1.CSS字体样式 2.CSS文本样式 3.CSS使用过渡 4.盒子初步 一.CSS字体 1 font-size :字体大小 2.font-family:样式(后加字 ...
- CSS选择器/CSS字体文本属性/CSS引入方式/案例
CSS 1.CSS简介 1.1 HTML的局限性 虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐 1.2 CSS-网页的美容师 CSS 是层叠样式表 ( Cascading Style ...
- CSS — 字体和背景
目录 一.字体 1.color 2.font-size 3.font-family 字体族(字体的格式) 4.font-face 5.图标字体(iconfont) 6.行高(line height) ...
- CSS字体连写及外观属性
一.font:字体连写 使用font属性时,必须按以下语法格式中的顺序书写,不能更换顺序,各个属性以空格隔开. 注意:其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font- ...
- 怎么把html背景图片,css如何设置背景图片?
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本文就给大家介绍css怎样设置背景图片. css可以通过background-ima ...
- html设置顶部背景颜色,css怎么设置背景颜色?
css怎么设置背景颜色?下面本篇文章就来给大家介绍一下使用CSS设置背景颜色的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS中,可以使用background-colo ...
最新文章
- java.lang.illegalagr_spring – java.lang.IllegalArgumentException:环境不能为null
- 计算机蠕虫是一个程序或程序系列,它采取截取口令并试图在系统中,计算机蠕虫病毒是一个程序或程序系列,它采取截取口令并试图在系统中做非法动作的方式直接攻击计算机。...
- thinkphp5.0l路由冲突原因及解决方法
- Python自动绘制UML类图、函数调用图(Call Graph)
- 2017广东全国计算机12月,2018年广东考研时间:2017年12月23日至24日
- 关于生活的计算机试题,国家电网考试计算机类试题三
- Django入门10--admin增强
- 《EDA技术与Verilog HDL设计》第4、5 章读书笔记与总结
- python通讯录管理程序的用户可行性_通讯录管理系统可行性分析报告
- 摘掉“爆雷”“二房东”的帽子,长租公寓有了新的生存法则
- 交响曲、协奏曲、奏鸣曲
- python数据清洗--对双十一淘宝直播流量数据进行数据真实性验证
- Java百分比格式化
- firefox+android+平板,Mozilla展示Android平板火狐浏览器设计细节
- 稳压二极管、肖特基二极管、ESD静电保护二极管、TVS瞬态抑制保护管
- pyinstaller 打包 torch\_jit_internal.py:750: UserWarning: Unable to retrieve source for @torch.jit._ov
- 【汇正财经】股票价格有哪些分类?
- digital_logic@一位全加器的真值表@画卡诺图@输出逻辑函数表达式
- python 动态相册,python3爬取动态网站图片
- HashMap原理技术知识整理