700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > HTML与CSS入门–第四章 理解层叠样式表【HTML】

HTML与CSS入门–第四章 理解层叠样式表【HTML】

时间:2018-11-26 09:49:36

相关推荐

HTML与CSS入门–第四章 理解层叠样式表【HTML】

web前端|html教程

HTML与CSS入门–第四章 理解层叠样式表

web前端-html教程

知识点:

android 磁力链接 源码,VScode怎么外联,ubuntu serve,tomcat 运行查看,qt 中创建sqlite,百度分享插件下载,用到vue的前端框架6,爬虫代码示例可复制,命令运行php,北大清华seo,产品介绍网站html,html5网页打开ppt,sony网页模板lzw

1.创建基本样式表的方法

猴王源码演示,VSCode选中标签页,ubuntu换国内,配置tomcat缓存路径,湛江爬虫出售,php解密混淆zym,广州seo优化计划书,c asp网站源代码,txt小说下载模板lzw

2.使用样式类的方法

空包单号网站源码,vscode build乱码,ubuntu wwn,tomcat均衡参数,sqlite3 条件 插入,jquery 左右切换插件,安卓用什么前端框架吗,网络爬虫有什么影响吗,php项目开发案例源码,SEO主要优化是,企业展示型电商网站模板,网页爬虫下载网页,图片网页模板lzw

3.使用样式ID的方法

4.构建内部样式表和嵌入样式的方法

4.1 CSS工作原理:

CSS:层叠样式表的缩写,是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和实现的方式。

扩展名:.css

分内部样式表,外部样式表以及内联样式表

“层叠”的概念理解:(有助于理解CSS的优先级)CSS样式表中的样式会形成一个层次结构,更具体的样式会覆盖通用的样式。优先级由CSS根据这个层级结构决定,从而实现级联效果。可以用类似继承的关系来理解。

PS:元素的概念:表示标签及其内部的描述信息(如属性、文本、图像等)。

4.2 一个基本的样式表:

标准的额书写方式:一行一个样式规则,便于阅读。

字体专栏,需要抓一个时间段来分析一下,包括字体家族以及字体大小

简单地列一下字体大小的各种单位:

pt:点,1英寸相当于72点

in:英寸

cm:厘米

px:像素

em:字母m的宽度

4.3 CSS样式入门:

CSS中的样式属性分为两大类:

布局属性:影响网页上元素位置的属性。

格式化属性:影响网站中元素的视觉显示的属性。

布局属性之display:block:块元素,自带clear:both

list-item:列表项处理/*从目前的实际角度来看与block没有什么区别*/

inline,none,其他……

布局属性之width,height

格式化属性之border:最新增加border-radius可以控制矩形的圆角

格式化属性之font:

1.text-decoration常用于删去链接的下划线

2.line-height设置文本行高

4.4 使用样式类:

当需要使网页中的有些文本域其他文本不同时,可以通过创建自定义HTML标签。

我们这里所说的定义的特殊格式文本称为样式类。因此它使一组自定义的格式化说明。例子:

h1 { color:blue }

h1是选择符;color是样式属性;blue是该属性的值

选择符:标签(h1),类(.title),ID(#container)等……

PS:注意组合选择器中”标签.类”与”标签 .类”的区别。

4.5 使用样式ID:

出于布局,格式化,与后台交互的考虑都可以选择使用ID。

ID在同一个页面中必须唯一存在。

4.6 内部样式表和内联样式:

内部样式表:

标签,注意type属性

内联样式:style属性

PS:外部样式表,link,注意需要href,type以及rel属性

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。