CSS的笔记整理
关注
分享
扫一扫
文章平均质量分 54
A内存
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS的学习笔记---（二）
一：各种邮件链接相关的1. <a href="www.baidu.com" target="_blank">click here!</a> /*在新窗口打开连接*/ 2. <a href="mailto:yy@imooc.com">发送</a> /*点击就会打开邮件。地址栏已经填好邮件地址*/ 3. /*如果mailto后面同时有多个参数的话，第一个参数以？开头，后面的参数每一个都以&分隔*/ <a原创 2015-08-06 22:55:50 · 297 阅读 · 0 评论 -
CSS学习笔记---（四）
1. .类选择器名称{css样式代码} 类选择器可以使用多次/* 类选择器的名称可以任意起名，不能为中文 */ /* 1.英文圆点开头 */ /* 2.用合适的标签把要修饰的内容标记起来 */ /* 3.用class="类选择器的名称"为标签，设置一个类 */如下： <span class="stress">胆小如鼠</span> .stress{ color:red; font-si原创 2015-08-09 16:45:34 · 456 阅读 · 0 评论 -
CSS学习笔记----（三）
1. CSS=层叠样式表=英文全名cascading style sheets===CSS/*下面来个小片段，过过眼瘾*/ p{ font-size:12px; color:red; font-weight:bold; } 2.下面来一个完整的例子 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content=原创 2015-08-08 22:15:12 · 306 阅读 · 0 评论 -
bootstrap读书笔记---未完待续
1、Bootstrap网格布局，12列，940像素宽，每一列60px宽，间距是20px宽。不支持响应式布局。在加载了响应式的CSS的文件后，网格布局会根据视口（viewpoint）宽度在724~1170像素之间伸缩。viewpoint<767px的时候，说明是平版电脑，或更小的设备，布局中的列会垂直堆叠起来。默认宽度下，。每列宽60px，且向左平移20px. 2.布局时，给作为行的<div>添加原创 2015-07-29 13:16:56 · 659 阅读 · 0 评论 -
CSS学习笔记---（五）
1. 有时候，为同一个元素设置不同的CSS样式代码，那么到底会用哪一个样式呢？ 下面的代码，p既有自己的样式，又有first的样式。p{color:red;} .first{color:green;} <p class="first">balbalabakbxakak</p>最终显示的是green，因为有权值的原因。 权值：=====标签选择，p,span,body等等—权值1原创 2015-08-10 21:17:30 · 386 阅读 · 0 评论 -
CSS学习笔记---（六）
1. 月饼与包装的纸盒子之间的距离—–padding 2. 不同纸盒子月饼之间的距离—–margin 3. 块级元素——都具有盒模型特征—-也就是，都可以设置margin,padding4.盒模型（一）——-边框—–边框就是围绕着内容而补白的线，可以设置粗细、样式、颜色div{ border:2px solid red; } //或者可以写成 border{ border-width:2原创 2015-08-10 22:04:47 · 299 阅读 · 0 评论 -
CSS学习笔记---（七）
1. 网页中，元素有3种布局模型=流式布局+浮动布局+绝对定位 2. 流动模型（一） 特点：块状元素都会在所处的包含元素内，自上而下，按顺序垂直延伸分布，默认状态下宽度100%。流动模型下，内联元素都会在所处的的包含元素内，从左到右，水平分布显示。 3. 浮动模型（二） 特点：块状元素太霸道，一个人显示为一行，要让两个块状元素显示在一行——设置为浮动元素—-可以用CSS定义浮动。div{原创 2015-08-12 22:10:17 · 275 阅读 · 0 评论 -
CSS的学习笔记---（一）
1. 一般在head中添加 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 2.下面是一些标签的介绍：<title>address标签介绍</title> <q>balabala……</q> 实现的效果“balabala……”===就是双引号的作用 <blockquote>长断的文本</blockquote原创 2015-07-28 22:44:18 · 379 阅读 · 0 评论