从23号开始用了4天时间看完了《Head First HtmlCSS》这本书,本书讲解方式深入浅出,便于理解,结合习题,便于记忆,是一本不错的入门书。下面是本书的学习笔记: 一、认识HTMLHyperText Markup Language,超文本标记语言的缩写。标记文本来告诉浏览器文本的结构。注释放在<!---->之间,浏览器会忽略其中内容。1、在电脑上创建一个html
 有一个CSS框架,叫min.css,它号称是全世界最快的。难怪,它的代码就这一点。你看它的页面例子,像Bootstrap,但比后者轻多了,它只是一些CSS样式,没有JavaScript代码。min.css的组件有: 基本代码(必须)、标题、按钮、表单、导航栏、表格、图标、网格、消息框。对,这就是min.css的全部。1. 基本代码body,textarea,inpu
转载 2023-07-21 17:42:35
69阅读
文章目录HTML标签1.标题h 、段落P 标签2. 图片img、图标、超链接a、列表 标签3. 表格table、表单form+input 标签4. div 与 span 标签CSS1.CSS语法格式2.CSS背景样式3.CSS 边框样式4.CSS文字样式5.CSS段落样式6.CSS复合样式7.CSS选择器ID选择器Class选择器标签选择器群组选择器通用选择器层次选择器属性选择器伪类选择器8.C
一:什么是css框架 CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块,用于简化web前端开发的工作,提高工作效率。 二:特征 1.抽象出常用的css样式,高再可用性,高移植性 2.有固有的定义,详细的文档及开发特点 3.高兼容性,可以兼容流行的浏览器 4.以
转载 2023-07-10 18:30:43
3阅读
CSSOO的思想及CSS框架的应用前语:通过这次研究分析总结,个人对CSSOO的概念及应用的思路也更明确一些,是一个大家共同学习的过程。一、CSS框架框架目的:给出一个相对规范的开发方法,给出一些具体的可以操作流程内容,按照框架的思路来方便灵活的完成一个css设计。规划了样式应用的代码组织模式,进行页面布局的一种灵活的组合方式。目前CSS框架:国内比较出名好像是YUI。 Blueprint Y
转载 8月前
42阅读
     前几天学习了一点html,今天团队为做项目一起学习时,又了解到了新的东西———css,通过组内队员的指导对一些网站(三翼)的分析,发现了htmlcss之间联系密切。根据从网上了解的资料,发现htmlcss的联系如下:   1、HTML定义网页的结构,主要让页面的内容结构化、块状化!  2、CSS控制HTML的标签,定义所需要的样式,使得结构样式独立开
转载 2023-05-23 13:48:15
98阅读
html5css3是前端学习的重要组成部分,但很多同学在学习前端的时候,对html5css3不是很了解。下面本篇文章就来给大家简单介绍一下html5css3,希望对大家有所帮助。什么是HTML5HTML5是超文本标记语言(HTML)的修订版,第五次重大修改版本;而HTML是用于描述网页内容外观的标准编程语言。HTML5支持传统的HTMLXHTML样式语法以及其标记,新API,XHTML
Bootstrap 是基于 HTMLCSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。它是由动态CSS语言less写成。Bootstrap 包的内容基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。CSS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。组件
转载 2023-07-05 17:44:38
78阅读
2.2 类选择器 使用标签选择器修饰的范围比较广,如果希望设置个别<li>元素的样式其他<li>元素不同,则可以采用类选择器, 使用类选择器分以下两步(1)定义类样式。语法如下:语法 style type="text/css"> 类名{ 属性1:属性值1; 属性2:属性值2: ...... } </style&g
目录一. HTML:一. HTML:1.1  Web标准:  首先,我们为什么要有Web标准?对于不同的浏览器的渲染引擎不同,导致对于我们编写的相同代码在不同的浏览器显示效果不同,甚至出现排版问题。这时候我们使不同的浏览器按照相同的标准显示结果,让展示效果达到统一。这就是web标准。Web标准的三个组成:HTML(结构)CSS(美化)JavaScript(行动)HTML是超链接
HTMLCSS概述: 网页是由HTMLCSS通过搜索引擎呈现,其中HTML是超级文本标记语言,负责定义文档的内容结构;CSS是层叠样式表,负责定义文档的样式(外观)。根据W3C定义,HTML全称HyperText Markup Language用于定义文档内容结构;CSS全称cascading style Sheets用于定义HTML文档的样式(外观)。CSS组合起来通过搜索引擎渲
转载 2023-07-24 02:56:55
6阅读
关于的html5的使用: transition 含义是:过渡的过程,能够对各种属性设置变化。 有5中过渡的形式:ease、linear、ease-in、ease-out、ease-in-out。 <!DOCTYPE h
转载 2017-04-27 16:18:00
100阅读
2评论
一.HtmlCSS的关系1. HTML是网页内容的载体。 内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2. CSS样式是表现。 就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。 如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有
CSS层叠样式表CSS注释格式/**/   html注释标签是<!--XXX-->添加样式三种方法:优先级降低1写在元素标签里,行内样式{<p style="font-size:12px;">XXX</p>}会覆盖嵌入样式链接样式2嵌入样式是style里的,写在head之间。p{color:red;} 加上style标签的话链接样式便不会被
HTML 指超文本标签语言。 HTML 是通向 WEB 技术世界的钥匙。在 W3School 的 HTML 教程中,您将学习如何使用 HTML 来创建站点。HTML 非常容易学习!你会喜欢它的!现在开始学习 HTML ! XHTML 是更严谨更纯净的 HTML 版本。 在 W3School 的 XHTML 教程中,您将学习 HTML 与 XHTML 之间的差异
原创 2023-07-03 15:31:22
90阅读
HTML中,引入CSS的方法主要有行内式、内嵌式、导入式链接式行内式:即在标记的style属性中设定CSS样式,这种方式本质上没有体现出CSS的优势,因此不推荐使用 例:  复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8
一、HTML5新特性HTML5的新增特性主要是针对以前的不足,增加了新的标签、新的表单表单属性等。这些新的特性都有兼容性问题,基本上是IE9及以上浏览器才支持,如果不考虑兼容性,可大量使用这些新特性 1、HTML新增的语义化标签2、新增多媒体标签video<video src="" controls="controls"></video>3、新增标签type=“searc
转载 2023-08-10 18:34:15
239阅读
  本博客主要用途是记录学习笔记。        最近在跟着黑马课程学习搭建小兔鲜儿项目,现阶段主要用HTML+CSS完成静态页面的展示,因此为了加深使用css样式的记忆学习搭建项目的一些小技巧,此文留下了小笔记。        下面是小兔鲜儿页面展示效果:一、项目的整体结构  本项目是在vscode环境中完成的。项
HTML+CSS系列教程笔记标题第一课一、HTML系列教程之拨云见日:1.HTML2.CSS3.切图流程b,智能切图c,流行切图等二,HTML+CSS系列教程之溯本求源。1.HTML语言的扩展2.CSS语言的扩展3.HTML5语法4.CSS3新语法5不同浏览器的兼容与解决方案三,HTML+CSS系列教程之风生水起1.弹性布局2.网格布局3.移动端布局4.响应式布局(一套代码,多种设备)5.响应式
接下来给大家总结一下前端面试题,大家可以眼熟一下,总结的不是很多,后续还会持续更新。 一.htmlcss面试题 HTMLHTML5有什么区别?主要有三个区别:1、文档声明区别1.HTML:超文本标记语言,一种纯文本类型的语言。2.HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读开发。2、结构语义区别1.html:没有体现结构语义化的标签,如:<div
  • 1
  • 2
  • 3
  • 4
  • 5