css.aa
出的不同(面是必考)
因为浏览器在解析第二个p的时候,因为字母之间没有空格,他会以为是是一个单词所以不会换行。 列表
1.无序列表ul 第一内部必须含有子标签<li></li> 第二ul天生自带内外边距 还有一个...p...标签
并集选择器 body,ul,p{}
通配符选择器有好处也有
弊 嘲笑你
好处:简单,省事 坏处:太省事,加大了浏览器的负荷
解决办法:按需选择 list-style...这是属性样式,
除去列表的符号
属性值square正方形disc实心圆none空circle空心圆
ol有序列表 内部必须有子标签 天正自带内外边距
ol和ul不同之处:1前面的符号不同 改变前面符号通过标签属性type
自定义列表 <dl><dt><dd></dd></dt></dl> dd自定义列表dt是小标题dd是内容
列表能做啥
做2级菜单,做导航栏
备注 margin和padding问题的探讨 margin设置一个值说明上右下左都是
margin设置两个值上下/左右 margin设置3个值上/左右/下
margin设置4个值上/右/下/左
padding同上 实际占用的空间大小
通过分析我们发现一个元素实际占用的空间是 width+border+paddin2+margin2
一个标签元素的实际高度是多少 实际高度=height+padding-top+padding-bottom
相邻的两个块级元素同时设置margin时,他们之间的外边距不会叠加回会取最大的这种现象叫margin塌陷
有的标签背景会独占一行
有时会随着内容的增加而改变自己的空间大小
根据以上现象,标签又分 5.
块级:p,h1-h6,ul,li,ol,dl,
内敛:span,img,i,b,a,em,icon,字体标签小图标{矢量}
快级元素会独占一行 快级元素可以设置宽高
内敛不会独占一行 内敛不会设置宽高
内敛元素的marign上下不起作用了
二者转换 块级转行级
给快级元素添加属性display:inline;
行级转块级 display:block;
给有需要的元素设置inline-block;
可以设置宽高可以在一行,margin可以随便使用 line-height行高和height一样是居中 扩展 line-height10px/2 /50% 当是2的时候,2*font-size字体的大小
css.aa的更多相关文章
- Jquery 搭配 css 使用,简单有效
前几篇博客中讲了Jquery的基础和点击实际,下面来说一下和css搭配着来怎么做 还是和往常一样,举个例子 好几个方块,然后设置颜色 <!DOCTYPE html PUBLIC "-/ ...
- HTML/CSS快速入门
Web概念 JavaWeb 使用java语言开发基于互联网的项目 软件架构 C/S架构:Client/Server 客户端/服务器 用户本地有一个客户端程序,在远程有一个服务端程序 如QQ,英雄联盟. ...
- CSS入门介绍(二)CSS选择器
css选择器 什么是选择器? 选择器是你构造好网页的结构,需要给这些结构赋予样式,这时候就需要用到选择器,利用选择器将元素与样式一一对应:两者的对应关系可以是一对一,一对多,多对一. 选择器的分类: ...
- css中div高度自适应
高度的自适应(父div高度随子div的高度改变而改变) 1.如果父div不定义height.子div均为标准流的时候,父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改 ...
- CSS选择器基本介绍
一.web标准 所谓的web标准就是用来衡量我们当前的网页书写是否规范的一系列要求,这个标准是由W3C组织制定,在web标准中具体的要求就是结构.样式.行为三者相分离 结构:通过HTML标签来搭建的网 ...
- html, js,css应用文件路径规则
web前端一般常用文件 .html .css .js.但是当用css文件和html引入资源(比如图片)时,路径可能不相同.下面总结了几条. 使用相对路径引入规则: html或者js引入图片,按照htm ...
- HTML+css 小组件
1.三角 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t ...
- Smarty的基本使用与总结
含义: Smarty是PHP的一个引擎模板,可以更好的进行逻辑与显示的分离,即我们常说的MVC,这个引擎的作用就是将C分离出来. 环境需求:PHP5.2或者更高版本 我使用的环境是:PHP5.3,wi ...
- Jquery事件
在JS里加事件 <input type="button" value="测试" onclick="test()"/>跟一个函数 ...
随机推荐
- WebForm内置对象:Session、Cookie,登录和状态保持
1.Request -获取请求对象 string s =Request["key"]; 2.Response - 响应请求对象 Response.Redirect(" ...
- Flask最强攻略 - 跟DragonFire学Flask - 第十四篇 Flask-SQLAlchemy
前不久刚刚认识过了SQLAlchemy,点击这里复习一下 当 Flask 与 SQLAlchemy 发生火花会怎么样呢? Flask-SQLAlchemy就这么诞生了 首先要先安装一下Flask-SQ ...
- 2440 裸机学习 点亮LED
1.首先需要知道 led 是受哪一个gpio口控制 从上图可以看出,两个led灯是受GPF4 GPF5控制的,低电平有效. 2.怎么控制GPF4 GPF5 通过2440的芯片手册可以看出,需要设置GP ...
- 生成树协议stp
生成树协议应用的原因是从逻辑上阻塞交换机在物理上形成的环路.大家都知道交换机工作在二层,也就是数据链路层,根据mac地址识别主机,对三层网络无法识别,因此交换机不能隔离广播.但是在日常的工作中,为了达 ...
- 《CSS世界》读书笔记(二)
<!-- <CSS世界> 张鑫旭著 --> 块级元素:水平流上只能单独显示一个元素 <li>元素默认的display值是list-item,是块级元素 块级盒子( ...
- 传值与传引用(C++)
reference(引用) 是C++对C的一个扩充 int a; int &b = a;//声明b是一个整形的引用变量 C语言,函数的参数传递有2种形式:传值方式调用和传引用方式调用 传值方式 ...
- laravel中empty(),is_null() 以及isEmpty()
PHP中 empty() empty() 函数用于检查一个变量是否为空. if(empty($result->order)){ //操作 } is_null() is_null() 函数用于检测 ...
- CSS Class 选择器
CSS Class 选择器 再<stype>标签内,通过class属性来对标签进行css样式配置 <html> <head> <!-- style 设置头部标 ...
- CentOS 6.5优化开机启动服务
使用chkconfig命令列举出所有服务,配合管道筛选出开机默认启动的服务,再去掉level0(关机).level4(无意义)和level6(重启)的显示,使结果更直观. chkconfig | gr ...
- rangeOfString 和 containsString 兼容iOS7处理
//查找字符串是否包含"心" NSString *str = @"每天都有好心情"; if ([str containsString:@"心" ...