HTML、CSS学习-标签(一)

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文件。


  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值