刘酒窝-CSDN博客

原创盒子模型

CSS模型由四部分组成：width heightpadding margin border在W3C标准下，盒子模型不包括border和padding值，而在IE浏览器下是包括border和padding的。1.JS盒子模型：通过系统提供的属性和方法，来获取当前元素的样式值2.JS提供的属性和方法：1)client:clientWidth clientHeight clientL

2017-03-12 20:12:32 452

原创 margin、padding的属性值

以前小编也搞不懂，就总是一个一个分开来写就比如一个margin有四个值，小编就总是margin-top、margin-left、margin-right、margin-bottom，分别给他们设置值后来小编发现为了优化代码而且又节省代码，这4个值是可以写到一起的哦~ 比如margin:10px 20px 30px 40px （上右下左）这个顺序就像是我们看的钟表一样顺时针方向上右下左

2017-03-12 19:07:30 531

原创 CSS选择器

css选择器作用可以同时给多个标签加相同的样式标签选择器格式：标签名{ 属性名：属性值； } 比如所有标签都可以用标签选择器 <style> h3{ background: red; text-align: center; } span{

2017-03-12 17:53:31 375

原创 CSS的引入方式

行内式适用于所有标签通过style标签属性，写入css代码这种方式一般不用，因为html和css是分离的，而且他的权重最高，就算CSS代码单独写了，一旦用了行内样式就会覆盖掉我们以前写的样式。<p style="height:100px;color:red;background-color:aqua">123</p>内嵌式在head下写<head><meta charset="U

2017-03-12 17:34:39 470

原创 HTML标签的分类

块级元素 display:block 独占一行 div就是一个块级元素可以设置宽度和高度宽度是父级元素的宽度，高度是自身内容的高度 div、p、h1-h6、ol、ul、li、dl、dt、dd、table、tr、hr、td、form、pre行内元素 display:inline

2017-03-12 17:11:22 532

原创 HTML标签语义化

什么是标签语义化？就是合理的标签做合理的事情。标签语义化的好处1.在没有css样式的时候，页面依然显示清晰的结构 2.有利于搜索引擎的爬虫抓取页面 3.利于移动端页面的加载写html结构时需要注意1.减少标签嵌套 2.块级元素可以嵌套块级和行内元素，但是行内元素不可以嵌套块级元素，但是只有a标签可以嵌套块级元素 3.ul里面最好放li,ol li 都是一起出现的下面我们来详细介绍下列表

2017-03-12 16:38:17 361

原创 HTML的基本结构

HTML的基本结构第一次学习前端的小白们看过来，知道下面这些都是什么意思吗？<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html>下面我们就来一个标签一个标签的去理解。<!--文档声明：告诉浏览器以下文件用html

2017-03-12 16:18:51 11533

LM193的博客