前端基础指令

发布于:2022-07-24 ⋅ 阅读:(335) ⋅ 点赞:(0)

控制字体 设置字号 -------- font-size:12px;

设置颜色 ------ color:#rrggbb; 设置字体 -------- font-family:“宋体”;

设置行高 ----- line-height:150% 1.5em

设置字体的粗细 ----- font-weight:normal(正常 默认值) blod(粗体)

 

样式的特点

1、继承性--------网页中子元素将继承父元素的样式

2、层叠性 ------网页中子元素定了与父元素相同的样式,则子元素的样式会覆盖掉父元素的样式,后面 定义的样式会覆盖前面定义的样式

控制文本 text-indent :2em (可以取负值) 

设置文本的缩进 text-align : left center right 

文本的对齐方式 text - transform : none(正常的大小)   capitalize(将每个单词的第一个字母住那换为大写)    uppercase(转 换为大写)   lowercase(转换为小写) --------文本的大小写

 

border---- 边框

padding ----- 内边距  不允许有负值 

 

margin ----- 外边距

 

 

元素分类:

块级元素
在HTML中<div><p><h1><form><ul><li>就是块级元素。设置display:block就是将元素显示为块级元素。
特点:
1.每个块级元素都从新的一行开始,并且其后的元素也另起一行(一个块级元素独占一行)。
2.元素的高度、宽度、行高以及顶和底边距都可设置。
3.元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

内联元素    设置宽高不起作用
在HTML中,<span><a><label><strong><em>就是典型的内联元素,也叫行内元素。当然块状元素也可以通过display:inline将元素设置为内联元素。
特点:

和其他元素都在一行上。

元素的高度、宽度以及顶部和底部边距不可设置。
.元素的宽度就是它包含的文字或图片的宽度,不可改变。

dispaly  块级元素和内联元素可以进行 互相转换

 float   定义元素在哪个方向浮动

eft:左浮(对象向左浮动,而后面的内容流向对象的右侧)

right:右浮(对象向右浮动,而后面的内容流向对象的左侧)

 clear   规定元素的哪一侧不允许其他浮动元素

 position   设置对象的定位方式

absolute ------ 绝对定位:将对象从文档流中分离出来,通过设置left、right、top、bottom四个方向的 相对于父级对象进行绝对定位,如果不存在这样的父级对象,则依据body对象

relative------- 相对定位:对象不从文档流中分离出来,通过设置left、right、top、bottom四个方向相 对于自身位置进行相对定位

 overflow   设置当对象内容超过指定的高度及宽度的时候如何管理内容

     visible ------默认值 不剪切内容也不添加滚动条

     auto ----- 在必需时对象内容才会被剪切或者添加滚动条

     hidden ----- 不显示超过对象尺寸的内容 scroll ----- 总是显示滚动条

 zoom  设置或者检索对象的缩放比

   normal : 默认值 使用对象的实际尺寸

   number: 百分比|无符号的浮点实数 浮点数值为1.0 或者百分数100%的时候相当于此属性是normal

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到