A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 fashionkillyou 于 2017-11-2 18:18 编辑

学习了HTML和CSS后的感受:
  •     最近学了HTML和CSS对于前端的知识也了解了很多,自己也练习着写了一个小的静态的页面,刚开始接触HTML的时候是用的table标签写的,然后在学完了CSS后又用了div写了一次,感觉就是挺麻烦的,也许是不熟悉的原因吧,还有就是在写的过程中可能会遇到一些问题,有可能你那个地方少些一个符号就会导致下面的页面受到很大的影响,而且你还找不到原因所在,很是上火.
  •     基于这些原因,很想知道大家在写这个的时候是怎么避免的?我自己写呢,是先把网页分好几个模块,然后从外往里写,就是先把最大的框架写出来,然后一层一层的往里面添加东西,这样我感觉还可以,就是在写之前需要花点功夫去做网页的切割.
  •     关于CSS样式的书写模式,我不是很会使用,不知道什么时候用什么样的写法比较好,我目前是将所有的div都定义一个class,然后样式就在Head标签的style里面写,然后等这个页面写完了之后再把style里面的代码剪切到一个CSS文件里面,然后创建一个link标签引用一下,不知道这样写有那些需要改进的地方?
  •     关于form表单里面的method属性里面的post和get还不是很了解,知识知道个概念和区别,post提交数据不限制大小,数据不会显示在地址栏,get提交数据有大小限制,数据会显示在地址栏.
  •     HTML的小结: HTML:
    * HTML的概述:
        * HTMLHyper Text Markup Language.
        * HTML就是由一组标签所组成的.
    * HTML的字体标签:
        * <font>标签:
            * 属性:color,size,face
    * HTML的排版标签:
        * h标签:标题标签.
        * p标签:段落标签.
        * b标签:加粗标签.
        * i标签:斜体标签.
        * u标签:下划线标签.
        * br标签:换行.
        * hr标签:水平线.
    * HTML的图片标签:
        * img标签:
            * 属性:
                * src属性:图片的路径.
                * 相对路径:  ./ 代表当前目录   ../上一级目录   
                * width,height,alt.
    * HTML的超链接标签:
        * a标签:
           * 属性:
                * href:链接的路径.
                * target:链接打开的方式. _self,_blank,_parent
    * HTML的列表标签:
        * 无序列表:<ul>
         * 有序列表:<ol>
    * HTML的表格标签:
         * table标签:
             * tr标签:表格的行.
             * td标签:表格的列.
    * HTML的表单标签:(*****
         * form标签:
             * action属性:表单提交的路径
             * method属性:表单的提交的方式.
                 * GETPOST
                     * GET:地址栏上会显示提交的数据的信息,大小限制.
                     * POST:地址栏不会显示提交的数据的信息,没有大小限制.
        * <input>
            * type=”text”:文本框
            * type=”password”:密码框.
            * type=”radio”:单选按钮.
            * type=”checkbox”:复选框.
            * type=”file”:文件上传.
            * type=”hidden”:隐藏字段.
            * type=”submit”:提交按钮.
            * type=”reset”:重置按钮.
            * type=”button”:普通按钮.
            * type=”image”:图片按钮.
       * <select>:下拉列表.
       * <textarea>:文本区
    * HTML的框架标签:
       * <frameset>
       * <frame>
  • css小结CSS
    * CSS的概述:(Cascsding Style Sheets)层叠样式表.
        * 修饰HTML的页面.使页面与样式分离.
    * CSS的语法:
        * 选择器{属性名:属性值;属性名:属性值;...}
    * CSS的引入方式:
        * 行内样式:在html元素上使用style属性设置
        * 内部样式:在html中使用<style></style>进行设置
        * 外部样式:定义一个css文件,html中引入该文件.<link href=”” type=”” rel=””/>
    * CSS的选择器:(****)
        * 元素选择器:
        * ID选择器:
        * 类选择器:
        * 后代选择器:
        * 子元素选择器:
    * CSS的样式:
        * 文本
        * 背景
        * 字体
        * 列表
    * CSS的盒子模型:
        * 内边距:padding
        * 边框:border
        * 外边距:margin
    * CSS的悬浮和定位:
        * 悬浮:float属性设置悬浮.
        * 清除悬浮:clear属性清除.
        * 定位:position属性设置定位.
            * 使用lefttop属性控制位置.
        * display属性:控制元素的显示方式:
            * block--显示的, none--隐藏的,inline--显示到一行.
  • @ 、唯萌Pro @321哈哈哈 @heimalala @np1996 @皇家小飞贼 @张学新 @其他小伙伴不再一一列举  恳请各位大佬发表一下意见



6 个回复

倒序浏览
很棒哦!
回复 使用道具 举报
heimalala 来自手机 中级黑马 2017-11-3 00:10:20
藤椅
table的td属性表示单元格,是不是更准确一点。我也是班门弄斧
回复 使用道具 举报
回复 使用道具 举报
丶唯萌Pro 发表于 2017-11-2 21:12
很棒哦!

你是咋写的
来自宇宙超级黑马专属安卓客户端来自宇宙超级黑马专属安卓客户端
回复 使用道具 举报
heimalala 发表于 2017-11-3 00:10
table的td属性表示单元格,是不是更准确一点。我也是班门弄斧

看看这个是不是容易理解一点呢

来自宇宙超级黑马专属安卓客户端来自宇宙超级黑马专属安卓客户端
回复 使用道具 举报
李龙菲 发表于 2017-11-3 21:04

感谢菲姐鼓励
来自宇宙超级黑马专属安卓客户端来自宇宙超级黑马专属安卓客户端
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马