he quan ##连接
123
hequan 内链标签
所有标签分为:
块级标签: div(白板),H系列(加大加粗),p标签(段落和段落之间有间距)
行内标签: span(白板)
标签之间可以嵌套
标签存在的意义,css操作,js操作
ps:chorme审查元素的使用
- 定位
- 查看样式
属性登录
提交后台的
#- img alt title#- 清單## ol
li
dl
#
# table
## thead 含 tbody tr colspan = ''## rowspan = ''
- label
legend
CSS
在標籤上設定style屬性:
# : #2459a2;
height
: 48px;
屬性
2. 寫在head裡面 style標籤中寫樣式
## background-color: #2459a2; height: 48px; -
class
選擇器 ****** .名稱{ ... <標籤 class='名稱'> 標籤> -標籤選擇器
div{
...
}
所有div设置上此样式
- 层级选择器(空格) ******
.c1 .c2 div{
}
- 组合选择器(逗号) ******
#c1,.c2,div{
}
- 属性选择器 ******
对选择到的标签再通过属性再进行一次筛选
.c1[n='alex']{ width:100px; height:200px; }
PS:
- 优先级,标签上style优先,编写顺序,就近原则
2.5 css样式也可以写在单独文件中
3、注释
/* */
4、边框
- 宽度,样式,颜色 (border: 4px dotted red;)
- border-left
5、
height, 高度 百分比
width, 宽度 像素,百分比
text-align:ceter, 水平方向居中
line-height,垂直方向根据标签高度
color、 字体颜色
font-size、 字体大小
font-weight 字体加粗
6、float
让标签浪起来,块级标签也可以堆叠
老子管不住:
7、display
display: none; -- 讓標籤消失
>o] ## display: block ;
display: inline-block;
則為block,且可設定無法設定高度,寬度,且
paddingmargin
****** 塊級標籤:設定高度,寬度,padding margin
8、 padding margin(0,auto)
## #外邊距padding-top
:自身內部邊距
##<div style="div> <div style="div>oo;
##浮動
以上是web基礎:html|css的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!