:HTML基础属性与CSS基础-经验观点免费ppt模版下载-道格办公

HTML基础属性与CSS基础

格分隔。 2.id属性:用于定义元素的唯一标识符,可用于通过JavaScript或CSS选择特定的元素。 3.style属性:用于为元素定义内联样式,直接在元素标签内部使用。 4.title属性:用于为元素提供附加的信息,当鼠标悬停在元素上时显示为工具提示。 5.href属性:用于指定链接的目标地址,常用于锚点链接和外部链接。 6.src属性:用于指定资源文件(如图像、音频或视频)的路径。 7.alt属性:用于为图像定义替代文本,当图像无法显示时显示替代文本。 8.disabled属性:用于禁用表单控件或按钮,使其无法被交互。 9.readonly属性:用于将表单控件设为只读,用户无法修改其值。 10.required属性:用于指定表单控件必须填写的属性。 11.placeholder属性:用于在输入框中显示提示文本,提示用户输入内容。 12.checked属性:用于设置复选框或单选按钮的默认选中状态。 13.value属性:用于指定表单控件的默认值或当前值。 14.maxlength属性:用于限制输入框中可输入的最大字符数。 15.cols和rows属性:用于定义文本区域的列数和行数。 2CSS基础 1.选择器:用于选择需要应用样式的元素,如标签选择器、类选择器、id选择器等。 2.属性:用于定义元素的样式,如color(文字颜色)、background-color(背景颜色)、font-size(字体大小)等。 3.单位:用于指定样式中的数值的单位,如像素(px)、百分比(%)、em等。 4.盒模型:用于描述元素的尺寸和边距等属性,包括内容区域、内边距、边框和外边距。 5.浮动:用于控制元素在页面中的位置,使其脱离正常的文档流。 6.布局:用于控制页面中元素的排列和布局,如使用float属性实现多列布局、使用position属性实现绝对定位等。 7.背景:用于设置元素的背景颜色、背景图像等。 8.文本样式:用于设置元素内文本的样式,如字体、字号、对齐方式等。 9.动画和过渡:用于实现元素的动态效果,如渐变、旋转、缩放等。 10.响应式布局:用于使页面在不同屏幕尺寸下适应不同的布局,如使用媒体查询和弹性布局等技术。 以上是HTML基础属性和CSS基础的一些常用内容,希望对你有所帮助!

有头发且有趣的码农万里挑一~ 

40

有料叔 | 一位有故事的程序猿


1
HTML基础属性

1.class属性:用于定义元素的类名,如需为一个元素规定多个类,用空格分隔类名
定义格式:<p class='类名'></p >


2.name属性: 用于指定标签元素的名称。Name属性的值可以用引号引起来的字符串,但是字符串必须是唯一的
定义格式:<a name=”元素的名称”>


3. id属性: id属性的值可以用引号引起来的字符串,但是字符串必须是唯一的
定义格式:<a id=”元素的ID值”>


实例:



3.style属性:表示元素的样式,包括:
背景色background
宽度width
高度height
字体颜色color
字体系列font-family:宋体之类的
字体风格font-style:加粗、斜体
字体大小font-size
字体对齐方式text-align

实例:


结果:

2
CSS基础

简介:

CSS表示层叠样式表(cascading stytle sheets),用来规范页面的文字的样式属性,效果同HTML标签内自带的属性,不同的是HTML标签属性若发生变化时,需要逐一修改各个标签;CSS的作用是修改CSS文件,可一次性修改相同标签的属性值。

CSS的语法:

选择器 {属性值}

实例:p {color:red;font-size:40}    其中p段落,{}里面的内容表示对段落的字体设置颜色、文字大小,最后将文件命名为.css格式

CSS样式引用:

在html的<head>…</head>中间增加<link rel='stylesheet' stytle='text/css' href='h1.css'>

其中:rel='stylesheet'表示引用外部样式表;stytle='text/css'表示样式表类型;href='h1.css'表示样式表的名称

示范:

使用<p>段落标签定义文字属性:


使用CSS样式文件统一定义段落的文字属性:

 




文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/fr/articles/detail/HTML%20Basic%20Attributes%20and%20CSS%20Basics.html

(810)
打赏 支付宝扫一扫 支付宝扫一扫
single-end

相关推荐