全国咨询/投诉热线:400-618-9090

首页技术文章正文

python前端HTML和CSS进阶

更新时间:2018-12-05 来源:黑马程序员技术社区 浏览量:

知识点预习

1.列表2.选择器

3.CSS的文本样式属性

4.元素溢出

5.盒子模型

6.margin负值技巧

7.垂直外边距合并

8.margin-top塌陷问题


01- 列表

无序列表 ul>li    unorder list

清除列表前面的标识 list-sytle:none;

列表默认有外边框和内边距


02- CSS选择器02    

1543998102434_1.jpg   

CSS常用属性

1543998107758_2.jpg
元素溢出

overflow:

visible  默认 超出可视 hidden  超出隐藏 裁剪  scroll          可滚动 不推荐使用

auto  自动

垂直外边距合并

垂直外边距  取上边元素的底部外边距和下边元素顶部外边距的最大值来当两个元素得垂直间距,而不是累加

08-  margin-top塌陷问题

当设置子元素的margin-top时,没有作用到子元素自己身上,反而影响了父元素

解决塌陷问题的方式:

1.父元素设置边框 border

2.父元素设置内边距 padding

3.设置元素溢出 overflow:hidden

4.通过伪元素

1543998126992_44.jpg
作者:黑马程序员python培训学院
首发:http://cloud.itheima.cn/

javaee

python

web

ui

cloud

test

c

netmarket

pm

Linux

movies

robot

http://www.itcast.cn/subject/uizly/index.shtml?seozxuids

14天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

20天免费试学

基础班入门课程限时免费

申请试学名额

8天免费试学

基础班入门课程限时免费

申请试学名额

20天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

0天免费试学

基础班入门课程限时免费

申请试学名额

12天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

10天免费试学

基础班入门课程限时免费

申请试学名额
在线咨询 我要报名