Web前端HTML、CSS基础知识点

前端开发工具基础用哪个好 前端开发视频播放 web前端开发的面试题及答案
标签:
<b></b>加粗
<strong></strong>加粗
<i></i>
<em></em>
<u></u>
<s></s>
<del></del>
<tt><sup></sup></tt>
<tt><sub></sub></tt>
<a></a>
<button>按钮</button>
<marquee></marquee>
移动标签
表单标签:提交数据用的
<form action=”提交地址:new-add.asp”
method=”get/post”>
<input type=”text” />
<input type=password”/>
<input type=”radio”/>
<input type=“submit”:提交按钮
<input type=”text” placeholder> 输入框提示文字
Work-break:文字换行
type:决定输入框的类型,文本类型,密码,单选,多选等。type=”type”
name=”名字”
可以把名字当成临时变量。
给input命名,
value:值
注意:输入框,可以不写。如果,单选或多选,value可以写。
</form>
checkbox:复选框
checked=“checked” 默认勾选
data:日期
url:地址
seatch:搜索
disabled/:禁止输入
层叠样式表:
css
1.在网页中引用
2.css写在html标记语言(元素)中
3.css怎么在html元素中引用
使用方式:三种
1.内联样式表
直接把css写在标签内部
style=”属性:属性值;属性:属性值;”
style=”background:red”;
标签属性使用:属性=”属性值”
bgcolor=”red”
2.内部文件调用
css写在网页的内部
放在head里,或者<head><body>之间
通过在html标签内部进行引用使用(选择器的定义-9种)
<style>
选择器{
属性:属性值;
属性:属性值;
</style>
3.外部文件引用
css是一个单独的文件
在应用的网页中,引用通过<link>标签引用
跟我们内部文件调用的方法一样(选择器)
注意:都是在元素内引用
一定要写在<head>标签元素之间
<link rel=”stylesheet” type=”text/css” href=”../外部css文件地址”>
rel=”stylesheet”
相对地址:
绝对地址:
选择器:定义
CSS样式表怎么去描述?
  1. 在标签内写(内联)
Style=“CSS描述”(标签属性)
CSS样式描述方法:
CSS描述属性:描述属性值;
Background:red;
  1. 内部、外部 外部写法一样(在标签外写)
选择器名称{
css样式说明
一、标签定义:
选择器{
css样式说明
二、id定义
#选择器名称
id只能调用一次
三、类
.选择器{
}
类可以调用多次
四、选择器:
  1. 元素选择器
html标签为定义:
p,a,ul、li、table、div、span等~
  1. id选择器
以#开头加名称
#zzz{
css描述
3.类选择器
以“.”开头加名称
.zzz{
css描述
4.后代选择器
定义子元素
div(.类名) ul{
css描述
5.子代选择器
Div > ul{
css描述
6.相邻兄弟
P+span{color:gray;}
在同一元素之间,之间的是相邻并且是同级的
7.分组选择器定义
不同的标签相同的属性用分组选择器
p,h1,div,li,b,s{
css描述
}
8.属性
它使用标签的属性来定义的
9.通配
*{margin:0px;
Padding:0px;}
网站布局:最早布局方式<table>表格布局
Div+css 布局。Div是个块元素
Div自身没有任何意义,只是一个容器
布局,和引用css样式的作用。
块看做一个盒子
border:边框
margin:外边距
padding:内边距
内部空间:大小,通过、宽,与高来说的,width height
Background
文本设定:描述属性 text
text-align:center;文本位置(水平居中显示)
line-height:200px;行高
字体设定:描述属性 font
定位:position
Border:宽度 线条样式 颜色
border-width:数值/thin= 2px /thick= 5px/medium =3px
border-style:solid(实线)/dotted(点线)/ double(双线)/dashed(虚线)
border-color:颜色名称/rgb(0,255,0)/十六进制“#ff0044”
border:样式 颜色 宽度
border:solid yellow 4px;
宽度:width:2px 2px 2px 2px;
两个值:说明上下边一样、左右边一样
三个值:左、上下一样、右
样式:style
颜色:color
Margin
元素外部距离,它不会改变我们元素尺寸
Padding
元素内部距离,它会改变我们元素尺寸
块元素,一个叫行内元素
前后有分隔符
Float: 他可以把块元素,像行内元素一样使用。
去掉样式:list-style:none;
Text-decoration:none;文本修饰的属性
伪类的使用方式
对选择器做的一些动作。
a:hover{
color:red;
text-decoration:none;
padding-left:14px;
}
是对超文本链接来说的
a:hover 鼠标放在元素上的状态
a:link 正常状态
a:visited 访问过的状态
a:active 链接被点击那一刻的状态
四个同时使用的时候:hover必须放在link、visited的后面,active放在hover后面
Hover:可以用在其他元素上
Outline:none;去鼠标点击默认轮廓边框
Div+css
Display:block;把行内元素转化为块元素
前端开发人员需要考哪些证书 ios前端开发软件 南京软件开发前端
» 本文来自:前端开发者 » 《Web前端HTML、CSS基础知识点》
» 本文链接地址:https://www.rokub.com/38118.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!