1. margin-left，图片两边左右间距怎么设置？
可以写img{margin-left:30px;margin-right:30px;}这样给左右两边都设置了30像素的距离还可以用把margin改成padding用，但是这个要看图片旁边的一些情况，你可以都试试
2. hbuilder怎么让图片和文字并排让图片在右下角？
在 HBuilder 中实现图片和文字并排，以及图片在右下角的方法如下：
1. 在 HTML 页面上，将文字和图片的相关代码放在同一个 div 标签内，并为该 div 标签添加样式样式：
```html
<div class="inline">
<p>这是一段文字内容</p>
<img src="图片路径" alt="图片描述" />
</div>
```
2. 添加必要的 CSS 样式，包括：
```css
.inline {
display: inline-flex; /* 将 div 内所有子元素水平排列 */
align-items: flex-end; /* 将子元素垂直对齐在底部 */
}
.inline img {
margin-left: 10px; /* 图片与文字之间的距离 */
align-self: flex-end; /* 将图片对齐在底部 */
}
```
该样式将 div 内的所有子元素在一行内水平排列，并将图片与文字对齐在底部。通过调整 `img` 元素的 `margin-left` 样式值，控制图片与文字之间的距离。如果想让图片对齐在底部右侧，则在 `img` 元素上添加 `align-self: flex-end` 样式即可。
注意，实际所需的 CSS 样式可能因具体页面布局和样式要求而有所不同。
3. 居中的字怎么向左移一点点？
1.使用标尺移动文本。操作步骤如下：打开Word文档，选择所有需要向左移动的文本；点击鼠标左键上方菜单栏的“视图”；在视图显示菜单中，检查“标尺”；鼠标单击标尺的滑动手柄，长按移动滑动手柄；将其移动到最左边，这样文本也会移动到最左边。
2.通过缩进设置调整文本位置。操作步骤如下：选择所有文本后，点击“开始”菜单；在段落菜单中，点击右下角的小图标；进入“缩进和间距”设置界面；在缩进中，将“左”调整为0字符；设置完成后，点击右下角的“确定”按钮；文本缩进到页面的最左边。
4. textarea设置margin有效吗？
没效，textarea为可置换元素，其属性默认display:inline-block。CSS 边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。margin通过使用单独的属性，可以对上、右、下、左的外边距进行设置。即：margin-top、margin-right、margin-bottom、margin-left。
5. css常见字体样式？
样式一：
body {undefined
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #000000;
background: #f2e7ca url(images/templatemo_body.jpg) top center no-repeat;
}
样式二：
body {undefined
background:#2f373a;
font-family:Arial,Helvetica,sans-serif;font-size:100%;
line-height:1em;color:#4e4e4e;
min-width:920px;
border-top:10px solid #0c0e0e
}
样式三：
body {undefined
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
vertical-align:middle;
font-weight:normal
}
样式四：
body
{undefined
margin:0px;
padding:0px;
background-color:#E7EAEB;
font-family:"微软雅黑","黑体","宋体";
font-size:12px;
height:36px;
}
样式五：
body
{undefined
font: .8em Arial, Tahoma, Verdana;
background: #fff url(../images/bg.gif) repeat-x;
color: #777;
}
样式六：
body
{undefined
width:auto; margin-top:12px;
float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
line-height:25px;
letter-spacing:1px
}
样式七：
body
{undefined
width:auto;
margin-left:1px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#5f5f5f;
line-height:35px;
text-transform:uppercase
}
样式八：
body {undefined
background: #e1e5e8;
font-family: "Georgia", Tahoma, Sans-Serif;
font-size: 12px;line-height: 18px;
color: #888;
}
样式九：
body
{undefined
width:130px; height:20px;
background:url(images/servicesbg.gif) 0 0 repeat-x #68EF00;
color:#317400;
font:18px/14px Georgia, "Times New Roman", Times, serif;
margin:34px 0 0 37px;
}
样式十：
body
{undefined
display:block;
width:94px;
height:20px;
background: url(images/serviceslink1bg.gif) 0 72% no-repeat #6DFD00;
color:#01699F;
font:13px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none;
}
样式十一：
body {undefined
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;color: #33322e;background: #39443D url(images/templatemo_body_bg.jpg) repeat-x;
/* background: #47443c url(images/templatemo_body_bg_2.jpg) repeat-x; */
}
样式十二：
body {margin: 0;padding: 0;line-height: 1.5em;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #6f6f6f;
background: #2ac5c0 url(images/templatemo_body_top.jpg) repeat-x;
}
样式十三：
body {undefined
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Verdana, Geneva, sans-serif;font-size: 11px;
color: #ffffff;background: #005b7f;
}
样式十四：
body {undefined
margin: 0;
padding: 0;
line-height: 1.7em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;color: #333333;
background: #000000 url(images/templatemo_main_bg.jpg) repeat-y center;
}
样式十五：
body {undefined
margin: 0;
padding: 0;
line-height: 1.7em;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;color: #707b84;
background: #3e464d;
}
样式十六：
body {undefined
margin: 0;
padding: 0;
line-height: 1.7em;
letter-spacing: 1px;
font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;
color: #333;
background: #e1d1d6 url(images/templatemo_body.png) repeat-x top;
}
样式十七：
body {undefined
margin: 0;
padding: 0;
line-height: 1.7em;
letter-spacing: 1px;
font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;
color: #333;
background: #e1d1d6 url(images/templatemo_body.png) repeat-x top;
}
样式十八：
body
{undefined
background:url(images/bg.gif) repeat #000000;
padding:0; font-family:arial, sans-serif; font-size:12px;
margin:0px auto auto auto;
color:#36322b;
}
样式十九：
body
{undefined
margin:0px;
padding:0px;
background:url(images/mainbg.gif) 0 0 repeat-x #F6F4E4;
color:#6B6854;
font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
样式二十：
body
{undefined
font-family:Georgia;
font-family:Arial;
}
6. HTML5怎么使图片左移？
不知道你使用的是background的image还是直接用img，两个方法不大一样的。如果用的是img的话，其实可以在style里面，修改margin-left的值，值越少则图片越靠左边，可以是负数；或者也可以修改left，一样的可以是负值而如果你是将一个div的background设置成img的话，则需要修改background-position的值，其中包含2个值，第1个是x轴，第2个是y轴，比如：background-position:0% 0%。如果修改了这个值还没到自己喜欢的位置，那么就再修改这个div的位置吧，跟上面一样就行。
7. input的默认文件名称怎么修改？
1
打开编辑器，创建一个HTML文档，并且设立基本架构。
2
<form>
<input type="file">
</form>
我们引入input标签的时候，会发现浏览器会自动显示文字，这是默认的名字。
3
<input type="button" value="上传点这里" onclick="javascript:$('input[name=\'file\']').click();" />
<input name="fileName" readonly />
<input type="file" onchange="javascript:$('input[name=\'fileName\']').val(this.files[0].name);" />
我们这里实际可以另外创建一个button和file，利用js的功能。
但是这里就多了一个旧的功能了。
4
style="display: none;"
这个时候我们需要加入这个样式来取消掉旧的显示。
5
当然我们也可以用CSS来指定样式，这里新建一个CSS文档，并与HTML文档相关联。
6
<form class="main">
<input class="file" type="file">
<a href="#">上传图片</a>
</form>
.main{
overflow:hidden;
position:absolute
}
.file{
position:absolute;
z-index:200;
margin-left:-200px;
opacity:0;
filter:alpha(opacity=0);
margin-top:-50px;
}
这里我们添加一个a链接，然后就可以依靠这个a链接来上次文件，主要要清除掉原来的文字。
7
a {
text-decoration:none;
border: 0.5px solid blue;
}
为了更接近原来的样式，我们可以修改一下a链接的样式。
