简易的旅游网页制作_网站制作——css标记语言

news/2024/5/10 16:36:10/文章来源:https://blog.csdn.net/weixin_39929096/article/details/111358372

     对于网页设计而言,html语言就像是画板,让你尽情施展操作;css就像是一支画笔,可以勾勒出优美的画面,它可以根据设计者的要求对网页的布局、颜色、字体、背景和其他图文效果进行控制,可以说css是网页设计必不可少的一部分。

      css被称为层叠样式单,在传统的的web网页设计里,使用css能让单调的HTML更加富有表现能力

      css3为2010年css3规范推出,这个版本完善了前面css存在的一些不足,例如:颜色模块增加了色彩校正,透明度等功能,还增加了变形和动画模块的等

css制作不是很复杂,但功能强大,支持不同数据格式的文件嵌入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

1、简易性超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

2、可扩展性超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

3、平台无关性虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

4、通用性另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

(以上就是我对css的概述,下面说一下css中一些小知识吧)

     CSS可以控制HTMl文档的显示,但在控制文档显示之前,需要在文档中引入css样式,html提供了4种引入方式,包括行内样式、内嵌式样式、链接样式和导入样式。在这里我给大家讲一下行内样式和内嵌式样式的设置方法

      行内样式:是最为简单的css设置方式,需要给每一个标签都设置style属性。它和样式所定义的内容在同一代码内,通常用于精确控制一个HTML元素的表现

e41a3aab5f912443ce6ca85ea576e150.png

这是行内样式的设置方法,可以看到style属性设置在了html标签中,虽然这种方法比较简单但是不利于项目上使用,css样式和html结构没有分离,导致代码冗余,不利于后期的维护;

      内嵌式样式:一般是将css写在<head>标签中,并使用<style>标签进行声明

bafce59e80ab1648655a606840927f17.png

大家可以看到,style标签在<head>>里面,并且他也必须带上标签的名字,这也是我最常用的一种方式;

    可以这样说吧,css是我们学习前端必不可少的东西,最后我给大家推荐几个可以用来推荐几个常用的web编译器:Visual Studio code(也是本人最喜欢的一个编译器)

19a296a71f9aba80c3c0a03d70f233e3.png

Sublime(一个适合初级使用的编译器) 

303f168619b9b58e30544579405149a5.png

WebStrom 

0f73441d66ca320a74e6485c1c1d39ff.png

Adobe Dreamweaver 

 

eac4d26b3b207adc08f3fb40fbc32054.png

再给小伙伴们分享个我自己学习css的总结:

c85c8b0250eb8a289d108164b33c706f.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_826628.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用微软的 Visual Studio International Pack 1.0 进行网站简体与繁体的互转和得到汉字、拼音、笔画等相关信息...

本帖转自http://blog.csdn.net/net_lover/archive/2009/04/20/4095606.aspx 只为自己查看方便,希望孟老师勿怪. 2009年3月31日&#xff0c;微软发布了 Microsoft Visual Studio International Pack 1.0 SR1。Visual Studio International Pack 包含一组类库&#xff0c;该类库…

JavaScript获取网站域名

代码 <script language"javascript">//获取域名host window.location.host;host2document.domain; //获取页面完整地址url window.location.href;document.write("<br>host"host)document.write("<br>host2"host2)document.wr…

100个优秀的国外设计开发网站

100个优秀的国外设计开发网站&#xff0c;涵盖了Web设计&#xff0c;平面设计&#xff0c;Flash和Flex&#xff0c;设计资源等网站推荐。 常用设计网站 Spunk United 非常出色的杂志&#xff0c;里面提供的都是世界顶级设计师的专访&#xff0c;灵感以及文章还有更多。FreeLanc…

修改 设置 vs.net 网站 调试 设为 起始页

很简单&#xff0c;右键网站项目&#xff0c;打开【属性&#xff08;R&#xff09;】&#xff0c;找到【web】选项卡&#xff0c;然后会看到右边有一个【启动操作】&#xff0c;设置为当前页即可。 见百度问题: http://zhidao.baidu.com/question/195134372.html?an0&si1 …

前端开发中的SEO

什么是SEO SEO由英文Search Engine Optimization缩写而来&#xff0c; 中文意译为“搜索引擎优化”。SEO是指从自然搜索结果获得网站流量的技术和过程&#xff0c;是在了解搜索引擎自然排名机制的基础上&#xff0c; 对网站进行内部及外部的调整优化&#xff0c; 改进网站在搜索…

python最新官网图片_python获取网站图片

# zhouxianglh 2013.05.03 python3.3import urllib.requestfrom html.parser import HTMLParserimport reimport osimport shutilimport timeurl "http://www.douban.com/"filePath "D:\\temp"# 读也HTMLurlContent urllib.request.urlopen(url);data …

java 多线程攻击网站_java之多线程

多线程即在同一时间&#xff0c;可以做多件事情。创建多线程有3种方式&#xff0c;分别是继承线程类,实现Runnable接口,匿名类线程概念首先要理解进程(Processor)和线程(Thread)的区别进程&#xff1a;启动一个LOL.exe就叫一个进程。 接着又启动一个DOTA.exe&#xff0c;这叫两…

高流量网站如何做出高性能?

2019独角兽企业重金招聘Python工程师标准>>> 前一段时间接触了一个教育集团的老总&#xff0c;集团本身是在教育实体化阶段也就是各种教科书盛行的时候起来的&#xff0c;最近 10 年互联网教育越来越火&#xff0c;老板也瞅准商机跳了进来。 可是公司的在线教育板块…

爱车巴巴网站采用beetl

为什么80%的码农都做不了架构师&#xff1f;>>> www.2788.com 供二手车交易服务 转载于:https://my.oschina.net/xiandafu/blog/617527

在 Windows Azure 网站上使用 Django、Python 和 MySQL:创建博客应用程序

编辑人员注释&#xff1a;本文章由 Windows Azure 网站团队的项目经理 Sunitha Muthukrishna 撰写。 根据您编写的应用程序&#xff0c;Windows Azure 网站上的基本Python 堆栈可能完全满足您的需求&#xff0c;也可能不包括您的应用程序所需的所有模块或库。 不用担心&#xf…

数据量大的sql怎么做优化_网站SEO优化推广怎么做?

网站优化seo怎么做?网站优化是为了进步搜索引擎排名&#xff0c;因此网站优化奉行短长常紧张的一件事&#xff0c;需求我们(水点石穿的坚持去做&#xff0c;那么网站优化奉行seo该当怎么做呢?底下小编来报告你网站优化seo怎么做。1、关节词定位这是举行搜索引擎优化优化非常紧…

python自动填写网页数据并提交_python实现问卷星网站的自动填写

因为有一个课程要求进行调查数据的统计&#xff0c;而且小组里选用的是问卷星为平台&#xff0c;问题的形式比较单一&#xff0c;都为单选或多选&#xff0c;于是想到了用python实现一个脚本来代替小组里大家的手动填写。。 大体上使用的就是pythonSeleniumPILTesseract Seleni…

type=radio增加onclick没有效果_博客外链做seo到底还有效果吗

近日有部分站长针对博客留言外链是否有用发起了讨论&#xff0c;就博客外链是否可以给自己网站带来&#xff0c;传递权重&#xff0c;增加曝光&#xff0c;增加流量等问题站长们都发表了自己经验范围内的各种看法!大体分为两部分&#xff1a;一部分认为博客留言外链无法传递权重…

Window.print()打印整个网站中的部分内容,打印后,原网页保持不变

想要达到打印整个网站中的部分内容且完成打印后原网页保持不变的效果&#xff0c;搜到以下资料&#xff1a;window.print打印指定网页区域的方法JavaScript页面打印&#xff08;只打印指定部分&#xff09;JS打印指定页面且去样式后的内容&#xff0c;window.print都能达到打印…

java网站模版 Bootstrap HTML5 企业源码

获取【下载地址】 【免费支持更新】三大数据库 mysql oracle sqlsever 更专业、更强悍、适合不同用户群体【新录针对本系统的视频教程&#xff0c;手把手教开发一个模块&#xff0c;快速掌握本系统】A 集成代码生成器 [正反双向(单表、主表、明细表、树形表&#xff0c…

SEOer未来发展的两个方向

闲言碎语不多讲了&#xff0c;今天的话题是一位朋友提出来的&#xff1a;“老师&#xff0c;百度近期做了这么多调整&#xff0c;SEO的春天来了还是冬天来了呢?现在学习SEO的话&#xff0c;应该向哪个方向发展呢?”这段时间百度确实压力不小&#xff0c;先是“魏则西事件”迫…

lamp服务器硬件,配置LAMP服务器网站架构

配置LAMP服务器网站架构LAMP指的Linux(操作系统)、ApacheHTTP 服务器&#xff0c;MySQL(有时也指MariaDB&#xff0c;数据库软件) 和PHP(有时也是指Perl或Python) 的第一个字母&#xff0c;一般用来建立web应用平台。结构拓扑httpd服务器配置安装环境yum install httpd -y修改h…

推荐一个ASP.NET网站内容管理系统源码

许多人都有各自的兴趣&#xff0c;如打球、踢毽子、看书、看电视、玩游戏等等....我近来迷上了猜灯谜&#xff0c;于是业余做了一个在线猜灯谜的网站&#xff1a;何问起谜语。先出个谜语让你猜猜&#xff1a;不可缺一点&#xff08;打一字&#xff09;。可以在线猜&#xff1a;…

中国开发者如何更便捷地浏览Google开发者网站?

作者&#xff1a;陈卓&#xff0c;Google 开发技术推广工程师在 2016 年 12 月份举行的 Google 开发者大会上&#xff0c;Google 发布了几个谷歌开发者中国网站&#xff0c;帮助中国的开发者们更方便地访问 Google 技术文档资源、学习相关 Google 技术。为了帮助读者们更加方便…

像淘宝、京东这样的大型电商网站服务器构架完全部署方案

任何一个大型网站都是经历用户积累然后成长&#xff0c;从一台服务器到多台服务器才能构架支撑网站现有数据、用户、页面请求等。大型网站(如淘宝、京东等)的系统架构并不是开始设计就具备完整的高性能、高可用、安全等特性&#xff0c;它总是随着用户量的增加&#xff0c;业务…