• 浮动布局与定位布局

    div，p，hr，都是块元素，独占一行，span，i，img，都是行内元素，两个行内元素相邻，就会位于同一行，并且从左到右排列。 正常文档流：从上往下，从左到右，按顺序排列。 脱离文档流：脱离正常排序。 浮动标签： <float: 取值>，取值：left或right. 浮动会影响元素的布局，所以，在设置完浮动后，如果发现有不对劲的地方，我们需要清除浮动， 清...
    作者：fanyun/2023年2月14日/分类：网页制作/阅读：251次/标签：/抢沙发
    阅读全文

  • css盒子模型

    仔细看凡云阁下面的图，理解CSS盒子模型的结构。 再仔细看下面的代码： <style type="text/css"> #father { display: inline-block; border: 1px solid blue; } #son { display: inline-block; padding: 20px 50px; border: 5px solid red; margin: 30px 80px; } .brother { height: 20px; background-color: ...
    作者：fanyun/2023年2月10日/分类：网页制作/阅读：277次/标签：/抢沙发
    阅读全文

  • 超链接

    超链接在前端开发中占有很重要的比例，所以非常重要，要好好掌握。 hover不仅能用于文字超链接，也可以用于图片，区块等的超链接，应用非常广泛。 鼠标指针样式可以自定义图片，文件扩展名为cur。可以百度相关制作方法。 看看凡云阁下面一段代码，相信就会加深印象。 <html> <head> <meta charset="utf-8"> <title></ti...
    作者：fanyun/2023年2月09日/分类：网页制作/阅读：264次/标签：/抢沙发
    阅读全文

  • 文本样式首行缩进

    首行缩进有两种方法， 第一种方法：凡云阁以前是用空格符来实现。 第二种方法：代码, text-indent:数值。注意数值的取值是字体的两倍才能达到首行缩进两个字符的效果。
    作者：fanyun/2023年2月08日/分类：网页制作/阅读：289次/标签：/抢沙发
    阅读全文

  • css选择器

    先看看凡云阁的一段代码： <style> #content{color: red;} .text{color: red;} #content fast{color: #000;} </style> <div id="content"> <div id="fast"> </div> </div> <div class="text">内容</div> #content表这是一个ID选择器，id选择器同一页面不能有相同的元素，class...
    作者：fanyun/2023年2月08日/分类：网页制作/阅读：234次/标签：/抢沙发
    阅读全文

  • 表单

    注意区分表单与表格的区别。 <form method="Post"> 姓名：<input type="text" size="20"/></br> 公司：<input type="text" size="10"/></br> 帐号：<input type="text" size="20"/></br> 密码：<input type="password" size="10"/></br> 性别：<input type="radio" name="gender" value="男"/>男&...
    作者：fanyun/2023年2月07日/分类：网页制作/阅读：262次/标签：, /抢沙发
    阅读全文

  • 超链接

    超链接有三种：外部链接，内部链接，锚点链接。 外部就是链接到另外一个网址 <a href="连接地址">图片或文字</a> <a href="连接地址"><img src="地址"></a> 内部链接就是链接到凡云阁的一个子网页。 <a href="本站页面地址">图片或文字</a> <a href="本站页面地址"><img src="地址"></a> 锚点...
    作者：fanyun/2023年1月14日/分类：网站建设, 网页制作/阅读：226次/标签：/抢沙发
    阅读全文

  • 插入图片标签代码

    图片插入标签如下，注意两个属性值的区别：alt与title。 <img src="图片地址" widht=100 height=200;> ../为上一级目录，这个与DOS时代的文件目录相似,这个很重要，路径通常用相对路径，不要用绝对路径。 图片格式有三种，jpg,png,gif。 jpg色彩丰富 ，png是一种无损格式，且可以背景透明，但色彩简陋，gif是一种动画格式。 图片分为位图与失量图，位图...
    作者：fanyun/2022年12月30日/分类：网页制作/阅读：279次/标签：/抢沙发
    阅读全文