div基础

1. 写在后面的样式优于前面,会把前面的覆盖掉!

2.三角形的造法:width:0; height:0;然后设置border-left   border-right  border-top  border-bottom

3.id class 不能数字开头啊

4.a标签:链接|下载|锚点  href="文件下载地址"  href="ID" href="htttp://www.baidu.com#video"

5.a标签优化大码:<base target="_blank" href= "http://www.baidu.com" />

6.<strong></strong>加粗,强调语气强

7.<em></em>斜体 强调语气弱

8.<b></b>加粗

9.内联标签:a span strong em 不能设置宽高 ,不换行,加上display:block,就能设置宽高;

10.img 的默认:display:table    div默认:display:block     img实现宽高与div不同;

11.样式初始化:

1 body,h1,h2,h3, h4 ,h5,h6,p,dl{margin:0};
2 ul,ol{margin:0;padding:0};
3
4 a{text-decoration:none;}
5 li{list-style:none;}

12.每一种浏览器对字体大小支持不同font-size:12px;

时间: 2024-08-09 20:53:46

div基础的相关文章

《ICECSS入门指南》第二章 使用方法和基础元素

使用ICECSS 首先你需要到 https://github.com/T-baby/ICECSS 上下载最新版本的包. 我们下载后可以看到这样一个文件结构,docs是文档,css中包含了普通版.压缩版.Less版三个版本的CSS文件,font是图标字体,html文件夹里存放了两个例子,同时也是建议大家在开发时将html文件放在html文件夹中.img下存放着图片ICECSS所需的两个图片和一个例子用的logo. 为了大家使用方便,在JS文件夹中不仅有ICECSS的JS还附带了Jquery和Les

你好呀

内容如下.qq{  font-size:12px; color:"##0033ff"; width:530px;border:1px; }        .qq,.ww,div,ul,li{margin:0;padding:0:}    .ww,div{margin: 0 39px;}        </style>    <script type="text/javascript"></script></head>&

Boottarp学习(二)表格

表格 表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格.在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,在接下来的内容中,我们会详细介绍Bootstrap的表格使用. 同样的,如果你对CSS预处理器熟悉,你可以使用Bootstrap提供的预处理版本: ?  LESS版本,对应的文件是 tables.less ?  Sass版本,对应的文件是 _tables.scss 如果你不懂LESS

Bootstrap_导航条

一.基础导航条 在制作一个基础导航条时,主要分以下几步: 第一步:首先在制作导航的列表(<ul class=”nav”>)基础上添加类名“navbar-nav” 第二步:在列表外部添加一个容器(div),并且使用类名“navbar”和“navbar-default” <div class="navbar navbar-default"> <!-- 导航条标题--> <div class="navbar-header">

Bootstrap学习笔记(七)其它内置组件

缩略图(一) 缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底下(左侧或右侧)带有标题.描述等信息.Bootstrap框架将这一部独立成一个模块组件.并通过"thumbnail"样式配合bootstrap的网格系统来实现.可以将产品列表页变得更好看. 源码文件: ?  LESS版本:对应文件thumbnails.less ?  Sass版本:对应文件_thumbnails.scss ? 编译后版本:bootstrap.css文件第4402行-第4426行 使用

添加购物车,横向滑动选择属性

最近写的一个微信的商城系统,其他功能我都会稍后更新,这里主要更新一个横向滑动选择属性功能,注意的是,这个功能下面的第二种属性我没有随着第一种的选择变化而变化(项目比较急,没写),需要的话稍微改一下就可以, 先上效果图 就是红框里面的模块,颜色与下面的规格都是可以无限递增的,现在展示数据不多,颜色是17个,规格只有一个,颜色默认选中第二个, 下面贴代码,代码里有很多其他功能,和注释,不太涉密,都没去掉, 需要某一个块功能的话可以切一下,或者仅供参考,采用avalon渲染, <link rel=&quo

Razor入门

在学习MVC的时候,创建控制器总会看到默认的Razor: 然后,我们就可以在创建的视图里面这样写: <!--创建用户名文本框,等同于<input type="text">--> @* @Html.TextBoxFor(model=>model.UserName)*@ 那么,这些带有@的看起来又不像html的但是放在视图上的东东是什么呢?我们还是从最头开始聊吧~~ 一,什么是Razor? Razor 是一种允许您向网页中嵌入基于服务器的代码(Visual B

java web 开发三剑客 -------电子书

Internet,人们通常称为因特网,是当今世界上覆盖面最大和应用最广泛的网络.根据英语构词法,Internet是Inter + net,Inter-作为前缀在英语中表示“在一起,交互”,由此可知Internet的目的是让各个net交互.所以,Internet实质上是将世界上各个国家.各个网络运营商的多个网络相互连接构成的一个全球范围内的统一网,使各个网络之间能够相互到达.各个国家和运营商构建网络采用的底层技术和实现可能各不相同,但只要采用统一的上层协议(TCP/IP)就可以通过Internet

CSS3弹性伸缩布局(二)——flex布局

上一篇博客<CSS3弹性伸缩布局(一)——box布局>介绍了旧版本的box布局,而这篇博客将主要介绍最新版本的flex布局的基础知识. 新版本简介 新版本的Flexbox模型是2012年9月提出的工作草案,这个草案是由W3C 推出的最新语法.这个版本立志于指定标准,让新式的浏览器全面兼容,在未来浏览器的更新换代中实现统一. 这里我们还是继续上一篇博客中的例子,使用最新版本的flex布局来实现相同的效果. html代码: <div> <p>发生过的空间还是看价格哈健康啊水