ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

最新学习

2019-05-28 19:04:15  阅读:183  来源: 互联网

标签:样式 标签 选择器 学习 最新 id class 属性


链接标签 : 适用于任何带有路径的东西,适用于任何带有路径的东西。 核心属性就是href,属性值可以是一 个跳转的地址 例:<a href="">GO!百度</a>
绝对路径:从盘符开始,然后依次的往下查找。
本地:C:/Users/Administrator/Desktop/0527day01/
服务器的:www.baidu.... 127.0.0.1 192.168....
相对路径: 从当前文件开始,如果下一级目录就直接写文件夹名,上一级用../表示
盘符根路径: 直接可以跳转到当前文件所有的盘符根目录中 / 服务器底下 省略

图像标签:src :图片的路径,alt :当图片显示不出来的时候才会显示,图片正在下载的时候,图片的路径错 误的时候。 例:<img src="" alt="">

前端和后端之间的通信:1.form提交方式 2.ajax提交方式 核心标签:只有提交的功能,没有任何的样式。

form属性:action 提交的地址,通常为服务端的地址,如果不写,默认往本页提交。
method 提交的方式。get/post 如果不写,为get提交。
input是表单的核心标签,通过修改input标签中的type属性来改变展现的样式。
主要标签:text: 文本框标记            password: 密码框标记         checkbox:复选框标记       raido:单选框标记
                  select:下拉框标记       option:下拉框标记按钮        file:文件传输空间           button:通用按钮
                     rest: 重置按钮          submit:提交按钮 textarea:文本域标记
提交后“?”后面的内容表示参数。我们最终的目的是要把必须的参数给发送到后端,想要发送参数,input中 必须含有name属性。一组必须含有相同的name属性值。

css
css语法:(符号都是英文的)
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}

html : 结构,承载内容 css :样式 JavaScript : 行为
css的使用方式:
1.行内样式(内联样式) 例:<标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
2.页面嵌入(内部样式表) 在head标签里面增加一个子标签
例: <style>
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
</style>
3.外部文件(外部样式表)在head标签里面增加一个子标签 例:<link rel="stylesheet" href="css文件的 路径" />

css---选择器:
(1)ID选择器:使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头,一个页面中
只能有一个id属性值。css中id选择的表示方法用 # 表示。
(2)class选择器:使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头,
一个页面中可以有多个class属性值。css中class选择器的表示方法用 . 表示。
(3)标签选择器:直接写标签名。
(4)组合选择器:选择器直接用,分隔开即可。
(5)子代选择器: > 只针对子代。
(6)后代选择器: 用空格表示,包含着子代选择器。
(7)通用选择器: * 针对于所有的标签。
选择器是有权重的:
内联样式 : 1000
id : 100
class : 10
元素: 1
通用: 0
boss : !important 只要出现,就以这个为主
权重越高,冲突部分的样式就以权重高的为主,并不是说这个选择器没有用了,而是里面冲突的样式,权重仅仅 只能作为参考,权重的计算,不需要管子代和后代的,如果权重相同,就近原则。以后定义的为准。
颜色的表示方法:
1.颜色色值的英文单词 :red,yellow,green,blue...
2.16进制表示法: 0123456789abcdef
基础三原色: 红绿蓝
每个颜色是由两个16进制的数来表示的#ff 00 00
简写:
#xxyyzz -> #xyz
#ffff00 #ff0
#aabbcc #abc
#aabcdd 不能简写的
#000000
#ffffff 白色
#cccccc 黑 白 灰
3.rgb表示法
16*16 = 256
rgb(0-255,0-255,0-255)
文本样式:(1)text-align: ; /*文本对其方式*/
(2)text-decoration: ; /*文本下划线*/
(3)color: ; /*设置字体的颜色*/
(4)line-height: ; /*文本的行高*/
(5)font-family: ; /*文本字体*/
(6)font-style: italic; /*规定字体是否倾斜*/
(7)font-weight: bold; /*字体加粗*/
(8)font-size: 16px ; /*设置字体的大小*/

标签:样式,标签,选择器,学习,最新,id,class,属性
来源: https://www.cnblogs.com/mmnm/p/10939537.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有