随笔分类 -  html+css

css样式设置小技巧
摘要：元素分为行内元素 还是 块状元素 ，块状元素里面又分为定宽块状元素，以及不定宽块状元素。 水平居中内容如下~ 一、行内元素：如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。 二、定宽块状元素：满足定宽和块状两个条件的元素是可以通过设置 阅读全文
posted @ 2017-03-26 16:54 Chloe1006 阅读(234) 评论(0) 推荐(0)
css代码缩写、颜色值与长度值
摘要：一、盒模型代码缩写 盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： 可缩写为： 2、如果top和bottom 阅读全文
posted @ 2017-03-26 16:06 Chloe1006 阅读(447) 评论(0) 推荐(0)
css布局模型
摘要：在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer） 一、流动模型 流动（Flow）是默认的网页布局模式。 流动布局模型具有2个特征： 第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100% 阅读全文
posted @ 2017-03-25 18:03 Chloe1006 阅读(178) 评论(0) 推荐(0)
盒模型
摘要：一、边框 盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色。 如果有想为 p 标签单独设置下边框，css 样式中允许只为一个方向的边框设置样式： 可以使用下面代码实现其它三边(上、右、左)边框的设置： css内定义的宽（width）和高（height），指的是填充以里的内 阅读全文
posted @ 2017-03-25 17:42 Chloe1006 阅读(191) 评论(0) 推荐(0)
css元素分类
摘要：1、元素分类 在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用 阅读全文
posted @ 2017-03-25 17:23 Chloe1006 阅读(170) 评论(0) 推荐(0)
css格式化排版
摘要：1、字体排版 如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing 来实现，如下面代码： 如果我想设置英文单词之间的间距呢？可以使用 word-spacing来实现。如下代码： 阅读全文
posted @ 2017-03-25 16:35 Chloe1006 阅读(174) 评论(0) 推荐(0)
css继承、特殊性、层叠、重要性
摘要：1、继承 继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的span标签。但注意有一些css样式是不具有继承性的。如border:1px solid red。 2、特殊性 有的时候我们为同一个元素 阅读全文
posted @ 2017-03-25 16:05 Chloe1006 阅读(159) 评论(0) 推荐(0)
css选择器
摘要：1、类选择器 第二步：使用class="类选择器名称"为标签设置一个类，如下： 第三步：设置类选器css样式，如下： .stress{color:red;}/*类前面要加入一个英文圆点*/ 第一步：为标签设置id="ID名称"，而不是class="类名称"。 第二步：ID选择符的前面是井号（#）号， 阅读全文
posted @ 2017-03-24 21:21 Chloe1006 阅读(150) 评论(0) 推荐(0)
css样式
摘要：优先级：内联-嵌入-外部 阅读全文
posted @ 2017-03-24 20:49 Chloe1006 阅读(203) 评论(0) 推荐(0)
与浏览者交互的form标签
摘要：网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。 阅读全文
posted @ 2017-03-24 19:33 Chloe1006 阅读(158) 评论(0) 推荐(0)
head标签和body标签
摘要：下面这些标签可用在 head 部分： 实例： <img src="图片地址" alt="下载失败时的替换文本" title="提示文本"></img> （图片类型可以是GIF，PNG，JPEG） 阅读全文
posted @ 2017-03-24 18:49 Chloe1006 阅读(302) 评论(0) 推荐(0)