网站首屏做多大,网站的首页文案,网站体验提升思路,邯郸网站建设taigew文章目录 文字对齐方式外边距内边距往期回顾 文字对齐方式
水平对齐方式
text-align: center;垂直对齐方式
/* 注意#xff0c;这个只能是一行来居中 */
line-height:/*长度*/ ;样例
!DOCTYPE html
html langen
headmeta charset… 文章目录 文字对齐方式外边距内边距往期回顾 文字对齐方式
水平对齐方式
text-align: center;垂直对齐方式
/* 注意这个只能是一行来居中 */
line-height:/*长度*/ ;样例
!DOCTYPE html
html langen
headmeta charsetUTF-8title中国移动/titlestyle.c1{height: 100px;width: 100px;border : 1px solid red;text-align: center;line-height: 100px;}/style
/head
bodydiv classc1中国/div
/body
/html外边距
简单设置外部的距离 我与别人有距离设置语法margin-内容 像素
!DOCTYPE html
html langen
headmeta charsetUTF-8title中国移动/titlestyle.c2{width: 60px;height: 60px;border: 1px solid red;padding: 20px 10px 30px 40px;margin-top: 50px;}/style
/head
body
div classc2/div
div classc2/div
/body
/html内边距
简单来说就是自己的内部可以设置一点距离空出多少边距 我自己内部有距离设置语法padding-内容 像素
例子
!DOCTYPE html
html langen
headmeta charsetUTF-8title中国移动/titlestyle.c2{width: 60px;height: 60px;border: 1px solid red;padding-top: 50px;padding-left: 50px;padding-right: 50px;}/style
/head
body
div classc2div stylebackground-color: hotpinktext/div
/div
/body
/html如果上下左右都要内边距的话
padding 像素.c2{width: 60px;height: 60px;border: 1px solid red;padding: 50px;}或者
/* 按照上右下左的顺序给你安排 */
.c2{width: 60px;height: 60px;border: 1px solid red;padding: 20px 10px 30px 40px;}往期回顾
1.【快速开发网站】 2.【浏览器能识别的标签1】 3.【浏览器能识别的标签2】 4.【浏览器能识别的标签3】 5.【浏览器能识别的标签4】 6.【案例1用户注册】 7.【案例2用户注册改进】 8.【快速了解 CSS】 9.【常用选择器概念讲解】 10.【CSS基础样式介绍1】
