当前位置:首页> 正文
html+css基础教程笔记总结分享
HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签。通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
1、HTML标题
HTML 标题是通过h标签对进行定义的
2、 HTML 段落
HTML 段落是通过p标签对进行定义的
3、HTML 文本格式化标签
标签名含义b定义粗体文本i定义斜体字del定义删除字ins定义插入字sup定义上标字sub定义下标字abbr定义缩写
效果:
4、HTML 实体标签
5、超链接
<a href=“新目标”title =“提示信息”target =“打开方式”>超链接内容
属性名说明href用来定义链接跳转的目标对象(一般使用相对地址)name用于创建目标端点(锚点)target用来定义链接对象显示窗口(_blank、_self、_parent、 _top)title用于设置链接提示信息
6、HTML图像标记
7、HTML列表元素
CSS,层叠样式表(英文全称:Cascading Style Sheets)是一种 用来表现HTML等文件样式的计算机语言
1、css样式的三种使用方法
链接样式嵌套样式-行内样式
2、CSS 背景样式
属性名background-color为元素设置背景色background-image把图像设置为背景background-repeat设置背景图片的平铺方式background-attachment设置背景图像是否随页面滚动background-position设置背景图片的起始位置
background 复合属性
3、CSS 的边框
1、边框样式:border-style
边框样式,也就是 border-style,它是边框最重要的一个方面,这不仅仅是因为样式 控制着边框的显示风格,而是因为如果没有设定样式,将根本没有边框,或者说元素是默认 没有边框的。 CSS 的 border-style 属性定义了 10 个不同的非 inherit 样式,这其中也包括 none,就是无边框
样式none无边框hidden隐藏边框dotted虚线边框1dashed虚线边框2solid实线边框double双边框groove凹槽边框ridge垄状边框inset嵌入边框outset外凸边框
2、边框宽度
我们可以通过 border-width 属性为边框指定宽度。为边框指定宽度有两种方法: ? 可以指定长度值,比如 2px 或 0.1em; ? 还有一种方法是使用下面 3 个关键字之一,它们分别是 thin 、medium 和 thick,其中 medium 是默认值 我们也可以单独设定边框的每一条边的宽度。
|
展开全文阅读
相关内容
-
三千元推荐买什么笔记本电脑,打英雄联盟不卡很流
三千元推荐买什么笔记本电脑,打英雄联盟不卡很流畅,不玩吃鸡,笔...
-
固定路由器如何设置固定无线路由器设置教程
固定路由器如何设置固定无线路由器设置教程,,如今我们的智能手...
-
笔记本硬盘不转|笔记本硬盘不转接头
笔记本硬盘不转|笔记本硬盘不转接头,,笔记本硬盘不转接头可以,...
-
惠普笔记本以旧换新|惠普笔记本以旧换新多少钱
惠普笔记本以旧换新|惠普笔记本以旧换新多少钱,,惠普笔记本以...
-
笔记本电脑品牌排名|笔记本厂家排名
笔记本电脑品牌排名|笔记本厂家排名,,笔记本厂家排名的确是广...
-
如何升级Win8预装win7win7直接升级Win8教程呢
如何升级Win8预装win7win7直接升级Win8教程呢,,新一代微软Win8...
-
笔记本如何设置Fn快捷键|笔记本如何设置fn快捷
笔记本如何设置Fn快捷键|笔记本如何设置fn快捷键,,笔记本如何...
-
笔记本电脑不支持混音|笔记本电脑不支持混音怎
笔记本电脑不支持混音|笔记本电脑不支持混音怎么办,,1. 笔记本...
-
笔记本电脑插上耳机没有声音|笔记本电脑插上耳
笔记本电脑插上耳机没有声音|笔记本电脑插上耳机没有声音是...
-
iPad的手势功能iPad4手势的使用教程
iPad的手势功能iPad4手势的使用教程,,可能有很多朋友刚刚接触...
-
惠普笔记本电脑最新型号|惠普笔记本电脑所有型
惠普笔记本电脑最新型号|惠普笔记本电脑所有型号大全,,1. 惠普...
-
笔记本唤醒快捷键|笔记本电脑休眠怎么唤醒快捷
笔记本唤醒快捷键|笔记本电脑休眠怎么唤醒快捷键,,1. 笔记本电...
-
笔记本无法识别鼠标usb设备怎么办
笔记本无法识别鼠标usb设备怎么办,鼠标,无法识别,本文目录笔记...
-
笔记本ip地址设置|怎么设置笔记本ip地址
笔记本ip地址设置|怎么设置笔记本ip地址,,1. 怎么设置笔记本ip...
-
Mac上使用Source Tree的一些总结
Mac上使用Source Tree的一些总结,版本,自己的,作为一名Max/Xco...