Web前端:浅析“HTML+CSS的基本应用”

Hyper Text Markup Language,简称HTML,超文本标记语言,因页面中可以包含图片、链接、音乐、程序等非文本元素,所以称为超文本。

HTML不是编程语言,而是一种描述网页的标记语言,可以由浏览器解释运行。它本身其实是一套标签,所以也叫HTML标签。

HTML标签由尖括号“”包围的关键字(如:“head”)组成,它们通常成对出现如,只有少数是单标签,包括

,而一般的网页其实就是有一系列HTML标签和文本组成的HTML文档,所以HTML文档也叫网页。

标题

段落

跨越多个字符 其他元素……

Cascading Style Sheets,简称CSS,层叠样式表,一种可以用来表现HTML文件样式的计算机语言。

CSS规则由两部分组成:选择器和一条及以上的声明,选择器指你要改变样式的HTML元素,声明一般由属性和值构成,表明你要这个元素的什么属性改编成这个值。

如p表示把p元素中的内容颜色变为红色,CSS中每条声明要用“;”隔开。

HTML元素选择CSS优先级从高到低分为内联样式表(元素“style属性”),内部样式表(head标签中声明),外部样式表(外部引入的CSS文件)。

CSS的出现极大的提高了我们的工作效率,我们可以定义一类的元素样式,然后再写标签时引用,甚至还可以用内联的方式改变某属性的值减少了编码时间,写CSS要注意 id对应,“#”class对应“.”。

而HTML+CSS的组合也给web前台设计带来了极大的便利,利用CSS我们可以更方便的让网页更美观,而CSS3的出现更是让这一便利扩大,比如CSS3中动画效果可以让一组图片循环放印不用后台代码控制。

在现在是市场需求中web前端设计师和UID设计师已成为热门职位,而想成为JavaEE开发工程师,自己更需要深入了解和学习,以弥补大学没有认真学习而让自己半瓶水的遗憾。

本文来自企鹅号 - V职圈媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏LIN_ZONE

css 中 zoom和transform:scale的区别(转载)

还在几年前,zoom还只是IE浏览器自己私有的玩具,但是,现在,除了FireFox浏览器,其他,尤其Chrome和移动端浏览器已经很好支持zoom属性了:

11630
来自专栏Python攻城狮

HTML 5&CSS快速入门1.计算机中的文件2.网页组成4.HTML基础操作

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

40030
来自专栏小狼的世界

不同浏览器对于换行的处理

在一个容器中,如果设定了宽度,一般来说自动换行都是比较正常的,但是如果遇到了连续的英文字符,这个问题就会让人头疼。这不,我们部门的用户在测试的时候输入连续的字符...

13620
来自专栏守候书阁

CSS3热身实战--过渡与动画(实现炫酷下拉,手风琴,无缝滚动)

在自己的专栏上写了十几篇文章了,都是与js有关的。暂时还没有写过关于css3的文章。css3,给我的感觉就是,不难,但是很难玩转自如。今天,就用css3来实现三...

61640
来自专栏互联网杂技

CSS伪元素的妙用--单标签之美

本文主要讲述一下 伪元素 before 和 after 各种妙用。 :before和::before的区别 在介绍具体用法之前,简单介绍下伪类和伪元素。伪类...

410100
来自专栏IMWeb前端团队

CSS3 object-fit和object-position

本文作者:IMWeb 郭明慧 原文出处:IMWeb社区 未经同意,禁止转载 最近一直忙于将JavaScript学习的笔记整理成电子书,也没什么空闲时间...

23650
来自专栏24K纯开源

用Qt写软件系列四:定制个性化系统托盘菜单

导读     一款流行的软件,往往会在功能渐趋完善的时候,通过改善交互界面来提高用户体验。毕竟,就算再牛逼的产品,躲藏在糟糕的用户界面之后总会让用户心生不满。界...

413100
来自专栏菩提树下的杨过

水平/垂直都居中的div

用css样式使div水平/垂直居中,兼容于目前各种主流浏览器 思路: 用绝对定位将div左顶点,定位于浏览器正中心,然后再利用负的margin,将div...

27490
来自专栏marsggbo

响应式布局简说

简单说呢就针对不同的屏幕分辨率应用不同的CSS样式。比如在电脑、Pad设备上,屏幕比较宽,就可以一行放2个Div。 到了手机上,或者Pad竖着拿的的时候,一行就...

22360
来自专栏Sign

web版《合成10》制作过程

《合成10》是一个很容易上瘾的游戏。 之前尝试的写了个网页版,游戏地址 ccx01.com/game/get10/ 现在写一下网页版合成10的制作过程。 这个游...

355120

扫码关注云+社区

领取腾讯云代金券