Web basics: use of html|css

高洛峰

Release： 2017-03-23 09:12:06

Original

1638 people have browsed it

he quan ##连接

123

段落 br换行

123

标题字体加大，到h6

hequan 内链标签

所有标签分为：

块级标签： div（白板），H系列（加大加粗），p标签（段落和段落之间有间距）

行内标签： span（白板）

标签之间可以嵌套

标签存在的意义，css操作，js操作

ps:chorme审查元素的使用

- 定位

- 查看样式

position: fixed;top:0; right: 0;">1

属性

提交后台的

帐号:

密码:

请选择性别

男：

女：

爱好

篮球:

足球:

技能

写代码:

搭服务:

上传文件

file" name="fname">

# & LT; Textarea name = "Meno" & GT; shengfen" size="2" multiple="multiple" >

< ="Submit">

- img

src alt

title

- List

- Form

table

thead

tr th

tbody

colspan = ''

rowspan = ''

- label

Used to click the file so that the associated label gets the cursor

Username:

- fieldset ##Edge

legend

CSS

Set the style attribute on the label:

background-color

: #2459a2;

height

: 48px;

Attribute 2. Write the style in the style tag in the head

- id selection area

Height: 48px;

# … Selector

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

让标签浪起来，块级标签也可以堆叠

老子管不住：

clear: both;">

7.display

display: none; -- Make the label disappear

display: inline;

display: block ;

display: inline-block;

# Margin

********************************************************************************************************************************************************************************* ## 行：: Unable to set height, width, padding margin ## , width, padding margin 8. padding margin(0,auto)

Margin:

Inner margin

Outer margin

padding-top

:Self-internal margin

< ">Bookmark this site

## #

##floating

The above is the detailed content of Web basics: use of html|css. For more information, please follow other related articles on the PHP Chinese website!