续记HTML & CSS基础
来源:互联网 发布:淘宝网真皮包包 编辑:程序博客网 时间:2024/06/08 01:34
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
<meta name="keywords" content="关键字">
<meta name="description" content="摘要">
<meta http-equiv="refresh" content="3;url=">3秒后跳转
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
- 续记HTML & CSS基础
- HTML&&CSS基础框架
- html&css基础框架
- HTML和CSS基础
- HTML+CSS基础
- CSS+HTML基础入门教程
- HTML css基础
- HTML&CSS基础
- html+css基础笔记
- html+css基础
- HTML+CSS基础课程
- 【html & css】 基础而已
- HTML/CSS基础
- HTML CSS基础--浮动
- HTML+CSS基础语法
- HTML/CSS基础
- html+css基础1
- html和css基础
- Mysql问题分析工具
- Oracle导入导出数据
- dockerfile 构建 redis 镜像
- elk之压测
- mysql_fetch_row()与nysql_fetch_array()使用的详细说明
- 续记HTML & CSS基础
- android——彻底关闭——应用程序
- 让APP字体不受系统字体大小影响
- Hue安装指南
- 代码混淆详解
- Linux驱动之设备模型(4)
- 《Linux4.0设备驱动开发详解》笔记--第八章:linux设备驱动的阻塞与非阻塞
- python中的__dict__,__getattr__,__setattr__
- 关于拷贝构造函数和赋值运算符