1、表单标签
<textarea>:多行文本框
代码如下：
<h2>多行文本</h2>
<textarea cols="30" rows="10"></textarea>
<select>(外层属性）、<option>(内部):下拉菜单
代码如下：
<h2>下拉菜单</h2>
<select name="" id=""></select>
<select>
<option>北京</option>
<option>上海</option>
<option>江苏</option>
</select>
注意：id让可选择的范围变大，提高用户体验
常见属性：checked、disable、name、for等
<div>:division,分割分区，即用来划分一个区域，可容纳段落、标题、表格、图像等各种网页元素。（HTML大多数标签都可以嵌套在<div>标签中，<div>还可以嵌套多层<div>,用来将网页分割成独立的、不同的部分，用来实现网页的规划和布局）
<span>（内联）：用来修饰文字的，div和span都是没有任何默认样式的，需要配合css才行
css基础语法
1、格式：选择器{属性1：值1；属性2：值2}
2、单位：px -> 像素( pixel )、% -> 百分比
外容器1-> 600px 当前容器 50% -> 300px
外容器2-> 400px 当前容器 50% -> 200px
3、基本样式：width(宽）、height（高）、background-color（背景颜色）
代码如下:
<style>
div{width : 100px ; height : 100px ; background-color : red}
</style>
</head>
<body>
<div>这是一个块</div>
</body>
</html>
4、css注释：/* css注释内容 */
内联样式与内部样式
内联(行内、行间）样式：在html标签上添加style属性来实现的
内部样式：在<style>标签内添加的样式
注意：内部样式的优点，可以复用代码、符合w3c的规范标准，进行结构和样式分开处理。
外部样式:引用一个单独的css文件，name,css
<link>标签
rel属性：引用资源类型是什么样，可以用其指定资源跟页面的关系
注意：只有rel 属性的“stylesheet"值得到了所有浏览器的支持，其他值只得到了部分支持
语法：<link rel="value">
href属性:引入外部资源的地址
代码如下：
<link rel="stylesheet" href="./common.css">
<title>Document</title>
</head>
<body>
<div>这是一个块</div>
</body>
</html>
注意：通过@import方式引入外部样式（这种方式有很多问题，不建议使用）
css颜色表示法
1、单词表示法：red、blue、green、yellow等
2、十六进制表示法:#000000 #ffffff
0 1 2 3 4 5 7 8 9
0 1
0 1 2 3 4 5 6 7 8 9 a b c d e f
3、rgb三原色表示法：rgb(255,255,255);
取值范围 0 ~ 255
1891
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
