您的位置：首页 > Web前端 > CSS

续记HTML & CSS基础

2016-05-19 16:53 399 查看

HTML/CSS

1、下拉列表<select></select>

size属性默认显示的行数，可将下拉列表变成列表框

使用option标签添加列表中的数据

name与value*:

            编程中需要处理多个选择的时候多半选用标志位
             十   二
              1   1
              2   10
              4   100
                                                                  1|10|100 = 111

将一个数字变成二进制数据，没一个二进制位上是0或1，就可以固定某个位子表示某个特性是否有

                          如果这个位子为0表示这个特性不存在，如果这个位子为1表示这个特性存在
                   multiple 多选
       selected   默认选中

2、meta

3、帧标签frameset

                  <frameset cols="30%,*">
                             <frame src=""></frame>
                  </frameset>
   iframe     内联（在页面中嵌入另一个页面）

4、分区标签

将需要处理的打包处理

span 行内元素不会影响整行元素（设置display:block 变成块级)

div 行间标签，属于块级元素，会影响整行元素（设置display:inline 变成行内)

5、css基本语法

基本语法：

属性特征——方向参数——具体属性：值

                      颜色：
                        color : red;
                       color : #ff0000;
                   字体大小:
                       font-size : 10px;
                   字体描述：
                       font-derection : overline;

用法：

                  ->行内样式
                               直接给元素添加 style="" 属性
               ->内嵌样式
                           直接给元素添加一个id 或 class 属性
                           在<style type="text/css"></style>中写样式语法并与对应元素挂钩
                               display：inline；使div变成行内
               ->外部样式
                  在htm文件外有一个css文件，样式在css文件中在htm页中将这个样式文件加载进来
                              <link href="css路径" rel="stylesheet" type="text/css" />    写在<head>中
                ->导入样式(少用)
                           将样式作为工具零件进行组合使用

6、选择器

将样式与标签挂钩的标记

->id选择器
#id名 { /*样式*/ }

->类选择器
. 类名 { /*样式*/ }

->标签选择器 (文件中所有该标签都具有该属性)
标签名 { /*样式*/ }

           注：三个样式同时使用，如果没有样式冲突，都应用；若冲突：
               同级的就近原则
               若不是同级的： id > 类 > 标签(专一的优先级最大)

         不规则用法：
                   在css中，id 选择器和类选择器可以同样作用于多个元素
                   id在规范中就是表示唯一，浏览器允许这么使用，但是在js执行中会出现问题
                   类选择器可以使用 class="c1 c2 c3 c4" 的语法将多个类选择器作用于元素中，id不可以

7、复合选择器

->标签类选择器

标签.类名{}

例：font.pre1{ color: red; }

->后面兄弟选择器(紧跟着的)

（id class tag ）选择器 + * { /* 选中前面元素选择器的后一个元素*/ }

->后代选择器

将包含在某个元素中的元素都成为其后代

               祖代选择器后代选择器 {       }
               例：
                            <div id="dv1">   父代
                               <p>123</p>    子代
                               <div id="dv2"> 子代
                                   <span id="span1"></span>   子孙代
                               </div>
                           </div>

->子代选择器

父代选择器>子代选择器{ }

->组合选择器

选择器，选择器，选择器，选择器{ }

8、常用样式

文本： color font-size font-family font-weight 加粗

边框： border-width border-style border-color width

背景： background-color background-image background-repeat: repeat-x /repeat-y/ no-repeat background-position background-attachment

布局： margin:0 auto; float:left/right;

9、背景图片重复显示按钮

background-repeat: repeat-x /repeat-y/ no-repeat

background-position

10、光标

cursor：pointer/default/auto/url

11、隐藏菜单

display：inline /block /none

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航