CSS第一部分 4.24

1.无序列表 

ul里只能放li 但是li是容器级标签 可以放很多

2.有序列表

ol这个东西用的不多,如果想表达顺序,大家一般也用ul

3.定义列表

dt、dd只能在dl里面;dl里面只能有dt、dd。

dt、dd都是容器级标签。

用什么标签,不是根据样子来决定,而是语义。

4.div和span

div标签是一个容器级标签,里面什么都能放,甚至可以放div自己。

span里面只能放置文字、图片、表单元素。

5.表单

form标签里面有action属性和method属性,action属性就是表示,表单将提交到哪里。

method属性表示用什么HTTP方法提交,有get、post两种。

文本框 <input type="text" /> value属性可以添加文字

密码框<input type="password" /> 

单选框<input type="radio" name="xingbie"/>  男 加cheked="checked"默认被选择

复选框<input type="checkbox" /> 

6.下拉列表

 <select>

<option></option>

</select>

多行文本框<textarea cols="30" rows="10"></textarea>

7.三种按钮

普通<input type="button"value="我是一个普通按钮" />

提交<input type="submit"/>  不需要写value 默认是提交,form标签的action属性中的那个页面中去。

重置< input type="reset"/>

8.label标签

绑定input的id,使点击单选项的文字时也能选中。 label for=“”

9.注释 字符实体

<!-- --> 按ctrl+/

 &lt; < 等等等。

10.html废弃标签

font、b、u、i、del、em强调、strong、水平线hr/、 

br不另起段落,一般需要换行都是因为要另起段落,所以一般用p而不是br。

还在用的标签种类很少:div p h1 span a  img ul ol dl input。

11.css整体感知

css对空格 换行都不敏感 但是不能省略。冒号分号都不能。

12. 属性

快捷键:c+tab color

fos+tab:font-size

bgc+tab :background-color

加粗:font-weight: bold; font是“字体”weight是“重量”的意思,bold粗。快捷键是fwb,然后tab

不加粗:font-weight: normal;  快捷键是fwn,然后tab

斜体:font-style: italic;  快捷键是fsi,然后tab

不斜体:font-style: normal;   快捷键是fsn,然后tab

下划线:  text-decoration: underline;  快捷键是tdu,然后tab

没有下划线: text-decoration:none;  快捷键是tdn,然后tab

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,645评论 32 459
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,825评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,352评论 1 41
  • 一、有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    hk_kh阅读 728评论 0 0
  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 850评论 0 0