- 博客(10)
- 收藏
- 关注
原创 CSS常用属性
当指定了多个字体后,浏览器会按照从前往后的序查找并设置字体,如下图所示,如果用户电脑未安装“微软雅黑”字体,则会查找并使用arial字体,依次类推,直到找到可用字体。(3)设置标志位置,使用list-style-position属性进行设置,该属性可取值inside、outside(默认),区别在于标记与列表项文本内容左边的间距不一样。(3)绝对定位(absolute),生成绝对定位的元素,相对于静态定位以外的第一个父元素进行定位,会脱离文档流(指设置绝对定位后其原来空间不再属于当前元素)。
2023-06-18 21:52:38
269
1
原创 CSS选择器
需要说明的是,如果<link>引入的外部样式出现在<style>声明的样式之后,那么外部样式相当于在<style>之后定义,其优先级就会高于内部样式。CSS可以对HTML元素样式进行分别设置,例如,将<p>元素设成红色、<h1>元素设成绿色,通过CSS选择器能够选对元素进筛选,进而设置不同的样式。(1)元素选择器,通常就是HTML的元素,在W3C标准中,元素选择器又称为类型选择器(type selector)。(3)创作者的规则高于浏览者:即网页编写者设置的CSS样式的优先权,高于浏览器所设置的默认样式;
2023-06-18 21:51:55
804
1
原创 第三章盒模型
在CSS3中,如果box-sizing取值为border-box时,整个盒子实际大小就是所设置的宽和高,那么内容的宽度=width - (padding-left + padding-right) - (border-left + border-right),内容的高度=height - (padding-top + padding-bottom) - (border-top + boder-bottom)。(3)边框,就是指元素边框,它通过border属性进行设置,可分别设置4个方向的边框。
2023-06-18 21:51:20
133
1
原创 2基础标签
例如:<br/>(换行标签)、<hr/>(绘制横线的标签)、<img src="" alt=""/>(显示图片标签)、<input type="" />(输入标签,根据不同的type属性值,会得到不同的输入元素。HTML标签由一个独立单词或单词缩写构成,并且这些单词或单词缩写被要求放在"<>"中,比如<head>、<p>等,同时标签分为双标签和单标签。其中,<meta>标签的name属性记录的"名称/值"中的"名称",如name="keywrods",用户可以自定义描述网页信息的名称。
2023-06-18 21:48:26
444
1
原创 2网页文档结构
、<body>等标签按照特定的顺序构成的。以上的写法不需要记忆,可借助开发工具实现,我们只要能明白其不同的写法所表达的含义就行。<title>HTML网页基本结构
2023-06-18 21:47:12
301
1
原创 Web相关概念
从静态网页与动态网页的概念部分的学习,我们知道,网页都具有自己的结构、样式和行为。其中,JavaScript是一种基于对象的、动态的、跨平台的、具有简单性与安全性的脚本语言。网页是网站的重要组成部分,它是一张页面,可以看成是一个单一体,是网站的一个元素。超链接的作用就是,在浏览网页时,如果用鼠标单击超链接,就会跳转到超链接所指向的资源,可以从WEB上下载信息。它指向WWW的资源,如不同站点的网页、同一站点的其它网页、网页的其它段落。它是一个殊性的网页,是整个网站的起始点和汇总点。
2023-06-18 21:33:06
212
1
原创 Web开发环境
我们推荐使用sublime_text,因为其体积小,有灵活的插件机制,安装配置都很简单。有些绿色版的开发工具包只需要直接解压即可。Web前端设计必须借助相应的开发环境与工具。而Web前端开发对环境要求相对较低,只需要“编辑器 + 浏览器”即可。常用的编辑器有Editplus、Notepad++、Sublime_text、WebStrom等。有了这些了解,大家是不是有想去开发Web应用的冲动了呢?
2023-06-18 21:32:26
561
1
原创 Web浏览器
2)Gecko内核是一款开源的浏览器内核,目前使用最主流的Gecko内核的浏览器是Mozilla Firefox,所以也常常称之为火狐内核。3)WebKit内核是最有潜力的新兴内核,性能非常好,而且对W3C标准的支持很完善,谷歌的Chrome就采用Webkit内核。JavaScript引擎简称JS引擎,该引擎就是用来解析执行JS程序的,其性能对整个网页的加载速度有着很大的影响。1)Trident内核就是大名鼎鼎的IE浏览器所使用的内核,也是很多浏览器所使用的内核,常被称为IE内核。JS程序在何处执行?
2023-06-18 21:32:25
278
1
原创 HTML5
B/S结构就是浏览器/服务器结构,它解决了C/S结构所带来的不便,能够将所有的服务(如QQ、邮件等)都通过浏览器来完成。在C/S结构下,不同的服务需要安装不同的客户端软件,进而占用非常多的系统资源。除此之外它还有其它一些弊端,比如A需要在B电脑上处理文件,但B电脑并未安装类似的软件,这样得先去下载,非常不方便,并且软件升级后也需要重新下载。首先,了解一下C/S的工作流程,Server端存储了各种资源,我们在Client端通过网络发送资源请求,接收并显示Server端响应的内容。☆关闭链接(close)。
2023-06-18 21:28:43
135
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅