- 博客(6)
- 收藏
- 关注
原创 CSS浮动 清除浮动
浮动:在一行排列,宽高生效-----浮动后的标签具备行内块的特点但又比行内块高级。父子级标签,子级浮动,父级没有高度,后面的标准流盒子会受影响,显示在最上面的位置。特点:缺点:会在网页中添加额外的标签,会让网页的HTML结构变得复杂。影响:如果子元素浮动了,此时子元素不能撑开标准流的块级父元素。浮动找浮动,下一个浮动元素会在上一个浮动元素后面左右浮动。浮动元素会脱离标准流,简称脱标,在标准流中不占位置。
2023-02-12 12:46:46 88
原创 CSS盒子模型
CSS 中规定每个盒子分别由:内容区域 (content) 、内边距区域 (padding) 、边框区域 (border) 、外边距区域(margin)构成,这就是盒子模型。浏览器在染(显示)网页时,会将网页中的元素看做是一个个的矩形区域,我们也形象的称之为盒子。外边距的问题1.合并现象:在制作网页垂直布局的的块级元素,上下的margin会合并。特性:不同选择器有不同的优先级,优先级高的选择器样式会覆盖优先级低选择器样式。页面中的每一个标签,都可看做是一个“盒子”,通过盒子的视角更方便的进行布局。
2023-02-04 16:38:02 330
原创 css进阶
div、p、h系列、ul、 li, dl dt、 dd、 form、 header、 nav、 footer......背景颜色不会影响盒子大小,并且还能看清盒子的位置和大小,一般在布局中会习惯给颜色设置背景颜色。1.块级元素一般作为大容器,可以嵌套:文本、块级元素、行内元素、行内块元素等等.....注意点:1.背景颜色默认值为透明rgb(0,0,0,0)transparent。Hover伪类选择器:作用:选中鼠标悬停在元素上的状态,设置样式。颜色取值:关键字,rgb表示法,rgba表示法,十六进制……
2023-01-26 22:58:07 89
原创 css基础
text-indent 取值:数字+px或者数字+em(推荐1em=当前标签的font-size的大小)font复合属性:取值:font:style weight size family (中间用空格隔开)文字是否倾斜:font-style 取值:正常(默认值):normal 倾斜:italic。属性名:eg :文字颜色:color eg:背景颜色:background-color。css写在style标签中,style标签一般写在head标签里面,title标签的下面。清除a标签默认的下划线。
2023-01-23 21:58:32 104 2
原创 html列表 表格 表单 语义标签
tr 表格每行,可用于包裹td。只有同一个结构标签中的单元格才能合并,不能跨结构标签合并 (不能跨: thead、tbody、tfoot)Th 表头单元格 表示一列小标题,通常用于表格第一行,默认内部文字加粗并居中显示。dl 表示自定义列表的整体,用于包裹dt/dd标签。标签的组成:select标签:下拉菜单的整体;dt 表示自定义列表的整体,用于包裹dt/dd标签表示自定义列表的主题。button标签是双标签,更便于包裹其他内容:文字,图片等。
2023-01-16 22:23:39 144 2
原创 html相关标签——图像水平线列表段落标题超链接表格标签……
同级目录 方法一:方法二: (src alt 指的是标签的属性 “” 指的是属性的值)周五:音频标签视频标签HTML的标签通常是成对出现的第一个标签是开始,第二个标签是结束。
2023-01-10 15:41:24 121 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人