1、html有哪些标签?
2、css里有的哪些有用的属性?
3、注意点
1、html有哪些标签?
<html> 之间的文本描述网页
<body> 之间的文本是可见的页面内容
<h1> 之间的文本被显示为标题
<p> 之间的文本被显示为段落
<a> href、target HTML 链接是通过 <a> 标签进行定义的。
<img> HTML 图像是通过 <img> 标签进行定义的。
<table> border 定义 HTML 表格
<hr> 标签在 HTML 页面中创建水平线。
<!--> 可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
<br>
<form> text、radio、submit HTML 表单用于收集用户输入。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
<select> <select> 元素定义下拉列表:
<option> 元素定义待选择的选项。
<textarea> name、rows、clos
<datalist> 设置预定义值的 <input> 元素
<input> button、radio、number
这是我作为第一次接触HTML接触到的,我在这时一直想的一个问题是:如此丑陋的界面,如何通过标签里的属性让界面变漂亮?
答案:通过css来进行界面的调控,不要想着通过html标签里的属性进行调控。
2、css里有的哪些有用的属性?
个人认为的属性排行:
添加背景、背景颜色:background-color、background-image
.background1{ background-color:gray; background-image:url(back.jpg) ; }
居中、宽度:margin-left、margin-right、width
.center{ margin-left:auto; margin-right:auto; width:40%; }
总:
背景 background-color 背景色(可以为所有元素设置背景色,这包括 body 一直到 em 和 a 等行内元素。)
padding 内边距
background-image 设置一个背景图像
background-prpeat 页面上对背景图像进行平铺
background-position 改变图像在背景中的位置。
文本 text-indent 可以方便地实现文本缩进
text-align 值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。
word-spacing 改变字(单词)之间的标准间隔
latter-spacing 字母间隔修改的是字符或字母之间的间隔
text-transfrom 处理文本的大小写
text-decoration 提供了很多非常有趣的行为
white-space 会影响到用户代理对源文档中的空格、换行和 tab 字符的处理
字体 font-family 定义文本的字体系列
font-style 用于规定斜体文本。
font-variant 可以设定小型大写字母
font-weight 设置文本的粗细(数字 400 等价于 normal,而 700 等价于 bold。)
font-size 设置文本的大小(1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素,那么对于该元素,1em 就等于 16 像素。在设置字体大小时,em 的值会相对于父元素的字体大小改变。)
链接 a:link(visited\hover\active)
text-decoration 属性大多用于去掉链接中的下划线
列表 list-style-type 用于列表项的标志类型
list-style-image 你可能想对各标志使用一个图像
list-style 可以将以上 3 个列表样式属性合并为一个方便的属性
表格 border 设置表格边框
width 表格的宽度
height 表格的高度
text-align 性设置水平对齐方式
vertical-align 设置垂直对齐方式
padding 控制表格中内容与边框的距离
backgournd-color 背景颜色
color 文本颜色
内边距 padding-top(right\bottom\left)
3、注意点
1、首先对于css文件在html里的引用需要在head标签里加入link子标签
<link rel="stylesheet" type="text/css" href="style.css">
href引号里括起来的就是你自己编写的css文件。