课时59.体验css（理解）

【课时59.体验css（理解）】的更多相关文章

课时59.体验css（理解）

我们想做这样一个样式,应该怎么做? 分析: 有一个标题(h1),还有一些段落(p) 标题是居中的,段落也是居中的,所以我们可以设置h标签和p标签居的align属性等于center来实现标题和段落都有颜色,都有字体,都有大小所以需要给文字包裹一个font标签,然后通过font标签来设置样式和字体以及大小需要记忆哪些标签有哪些属性,如果该标签没有这个属性,那么设置了也没用当需求变更时我们需要修改大量的代码才能满足现有需求 HTML只有一个作用就是用来添加语义这样写代码比较繁琐,所以企业开发…

CSS理解之padding--非原创

因为在慕课网观看了张大神的视频,学习到了一点东西,向和大家分享.视频地址代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>CSS理解之padding</title> <style type="text/css"> .wrap { width: 150px;…

CSS基础【1】：体验CSS

CSS起源 web的衰落:在 web 早期(1990-1993),html是一个很局限的语言.几乎完全由用于描述段落,超链接,列表和标题的结构化元素组成.随着万维网的出现(用户交互体验的加强),对 html 的要求越来越大,人们迫切需要 html 增加新的元素,去完成一个特定的功能迫于压力,html 开始出现<font>,<i> , <s>等标签.但是 html 是一种描述结构的语言,也开始描述外在表现了.几年之后这种随便的做法暴露出严重的问题:1:由于 html 既…

[CSS]理解line-height

字面意思 "行高"顾名思意指一行文字的高度.具体来说是指两行文字间基线之间的距离.基线实在英文字母中用到的一个概念,我们刚学英语的时使用的那个英语本子每行有四条线,其中底部第二条线就是基线,是a,c,z,x等字母的底边线.下图的红色线即为基线. vertical-align中有top,middle,baseline,bottom与之是由关联的,但具体细节如何,浏览器差异怎样,我还不是很清楚. 但是由于中文跟英文长得不一样,所以基线的说法就像老太太穿线--对不上眼.您理解为底线之差也不为…

图解 CSS: 理解样式表的逻辑（转载）

原文:http://www.cnblogs.com/del/archive/2009/02/01/1382141.html 样式表可以是外部的.内联的或嵌入的; 链接外部样式文件一般是:<link rel="stylesheet" type="text/css" href="xxx.css" media="all"> 这要写在 Head 标签内, 其内容不区分大小写, 其中的双引号也可以是单引号.也可省略; 逐个解…

HTML+CSS理解

HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被更多的用户所访问.内容能被更广泛的设备所访问.更少的代码和组件,容易维护.改版方便,不需要变动页面内容.提供打印版本而不需要复制内容.提高网站易用性: 2.xhtml和html有什么区别HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:XHTML 元素必须被正确地嵌套.…

css -理解盒模型

标准模式: 总宽度/高度=width/height+padding+border+margin 怪异模式(quirks 模式): 总宽度/高度=width/height + margin = 内容区宽度/高度 + padding + border + margin 设置盒子模型可通过 css3属性: box-sizing: content-box(默认值) | border-box | inhert | initial | unset 参考: https://developer.mozilla.…