随笔分类 - Web前端
摘要：网页设计基础——框架的构建 一、水平切割； 格式： <frameset rows="30%,*" frameborder="1" border="1"> //上下分为两块，左边30%，右边70% 二、垂直切割； 格式： <frameset cols="300,400,500"> //左中右分为三部分
阅读全文
摘要：网页设计基础——表格与表单 一、表格的基础框架； 规则： table：表示整个表格。 caption：定义表格的标题 tr：表示表格的一行。 td：表示行中的一个列,需要嵌套在 <tr> 标签内。 th：表示表头单元格. 会居中加粗。 格式： <table border="x"> <!-- 边框宽度
阅读全文
摘要：网页设计基础——HTML常用标签 一、HTML网页框架； 格式： <html> <head> <title>网页标题</title> <style> /* CSS代码 */ </style> </head> <body> <!-- HTML代码 --> </body> </html> 二、块级标签；
阅读全文
摘要：网页设计基础——HTML注释与CSS注释 一、HTML注释； 格式： <!-- 在此处书写注释 --> 例如： <html> <head> <title>HTML注释</title> </head> <body> <p>灰太狼的老婆是谁？</p> <!-- 答案是：红太狼！ --> </body>
阅读全文
摘要：网页设计基础——CSS常用语法 一、注释； 例如： /* 在此处书写注释 */ 二、清除浏览器默认设置； 例如： *{ /* 全局声明 */ margin: 0; padding: 0; } 三、CSS选择器； 1.标记选择器 <html> <head> <style> p{ font-size:
阅读全文
摘要：网页设计基础——CSS的四种引入方式详解 一、行内式； 规则： 1. 行内式是所有样式方法中最为直接的一种，它直接对HTML的标记使用style属性，然后将CSS代码直接写在其中。 格式： <html> <head> <title>页面标题</title> </head> <body> <p sty
阅读全文
