web前端学习第一天

html与css标签

基本标签

1.

---主标题;

---副标题;字号越来越小

2.

段落标签

3.注释

4.style样式设计


5.内联样式设计

6. import链接引入字体、框架置于顶部

7.图片显示不出来时显示的文本 添加图片

8.添加链接

9.nest嵌套,一个元素嵌套另一个

10.

无序列表

11.

有序列表

12.

与服务器交互的web表单

13.创建表单

14.提交式按钮

15.单选按钮

16.复选按钮

17.

盛装其他元素的容器

18.padding(内边距),控制元素内容和边框之间的距离。(top,right,bottom,left)

    margin(外边距),控制元素边框和元素实际所占空间的距离。若将margin值设为负,元素将会变大。

    border(边距).

19.  CSS 继承性,所有元素对body样式继承

20.body中的样式->class1->class2->id属性->style行内样式->!important      优先级从低至高

21.颜色表示方法

    hex code:#000000(黑色)#FFFFFF(白色)(前两位表示红色 中间表示绿色 最后两位表示蓝色)

    RGB值:rgb(0,0,0)rgb(255,255,255)

22.响应式框架bootstrap,根据屏幕大小来调整HTML元素大小

    img-responsive,text-center,btn,btn-block(块),btn-info(浅蓝),btn-danger(红色),

web前端学习第一天_第1张图片

先将元素放在

中class属性col-ml-x,指定各个元素的宽度。

well,它的作用是为设定的列创造出一种视觉上的深度感(一种视觉上的效果,动手写代码体会一下)。

23.创建行内元素

24font-awesome

用来显示图标



你可能感兴趣的:(web前端学习第一天)