美林pml - 博客园

2017年1月18日

摘要：清楚了CSS 盒模型的基本概念、盒模型类型，我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的阅读全文

posted @ 2017-01-18 12:42 美林pml 阅读(227) 评论(0) 推荐(0)

盒子模型

摘要：边框（一）盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框： div{ border:2px solid red; } 上面是 border 代码的缩写形式，可以分开写：阅读全文

posted @ 2017-01-18 11:53 美林pml 阅读(189) 评论(0) 推荐(0)

元素分类

摘要：在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有：阅读全文

posted @ 2017-01-18 11:37 美林pml 阅读(189) 评论(0) 推荐(0)

文字排版

摘要：文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的阅读全文

posted @ 2017-01-18 10:49 美林pml 阅读(199) 评论(0) 推荐(0)

三种CSS样式

摘要：内联式css样式，直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：并且css样式代码要写在style=""双引号中，如果有多条阅读全文

posted @ 2017-01-18 09:18 美林pml 阅读(232) 评论(0) 推荐(0)

2017年1月16日

选择符

摘要：伪类选择符更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字阅读全文

posted @ 2017-01-16 21:42 美林pml 阅读(148) 评论(0) 推荐(0)

选择器

摘要：每一条css样式声明（定义）由两部分组成，形式如下：在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。标签选择器标签选择器其实就是html代码中的标签。如编辑器中的<htm 阅读全文

posted @ 2017-01-16 21:10 美林pml 阅读(182) 评论(0) 推荐(0)

认识CSS样式

摘要： CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。如下列代码：使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。为什么使用css样式来设阅读全文

posted @ 2017-01-16 20:03 美林pml 阅读(140) 评论(0) 推荐(0)

表单-续

摘要： form表单中的label标签 label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）阅读全文

posted @ 2017-01-16 17:33 美林pml 阅读(129) 评论(0) 推荐(0)

表单

摘要：使用表单标签，与用户交互网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法： <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签阅读全文

posted @ 2017-01-16 17:28 美林pml 阅读(137) 评论(0) 推荐(0)