- 博客(11)
- 收藏
- 关注
原创 HTML-CSS_Day_1:CSS要点补充说明、项目演练
一、CSS要点补充说明 1.margin:0 auto:自适应页面两边宽度 2.inlineinine-block都是文本类元素 3.position:absolutefloat:left/right会在内部将元素转化为display:inline-block 4. 一旦一个文本类元素包含文字,外面的文字会和里面的文字底对齐 vertical-align:调节对齐线 5. 左右两栏分别相对于两个容器向左右浮动: <body> <div>
2021-08-01 18:35:28
709
原创 HTML-CSS_Day_1:HTML-CSS文字溢出处理、背景图片处理、企业开发经验
一、文字溢出处理 溢出容器,要打点展示 1. 单行文本 white-space:nowrap:文本遇到边界不换行展示 overflow:hidden:隐藏超出边界文本 text-overflow:ellipsis:超出边界文本部分打点 2. 多行文本 PC端直接手打“…”或做截断处理即可(老版本浏览器较多,不适配),移动端可在CSS3中实现 overflow:hidden:截断处理 ...
2021-08-01 08:23:38
806
原创 CSS_Day_4:CSS实例
<body> <div class="wrapper"> <div class="content"> <div class="box"> </div> </div> </div> </body> *{ margin:0; padding:0; } /*!!!初始化!!!*/ .wrapper{ margin-left:100px; width:200px; height:200
2021-07-30 15:37:38
648
原创 CSS_Day_4:盒子模型、层模型、浮动模型
一、盒子模型 外边距(margin)+盒子壁(border)+内边距(padding)+内容元素(content = width + height) 二、层模型
2021-07-30 11:39:59
693
原创 CSS_Day_2
一、CSS复杂选择器 1.标签标签 标签标签{}:父子选择器、派生选择器(直接、间接) <body> <div> <em>1 <span> 2 </span> </em> </div> </body> div em{ background-color:black; } /*此时1处显示效果*/ div span{ background-color:bl
2021-07-23 18:08:27
877
原创 CSS_Day_1
主流浏览器:Shell + 内核 浏览器 内核 IE trident Firefox Gecko Google Chrome Webkit/blink Safari Webkit Opera presto Cascading Style Sheet 层叠样式表 引入CSS 1.<div style=" CSS "></div>:行间样式 2.<head> <style type="text/css"> div{ CSS .
2021-07-22 12:38:05
631
原创 HTML_Day_2
space:英文单词分割符 &和;中加入nbsp:空白文本 &和;中加入lt(little than):< &和;中加入gt(great than):> <br>:换行符 <hr>:水平线 高级标签 列表架 <ol type=“序号种类” 1(默认)/a/A/i/I start=""(从第几个序号开始排序) reversed=“reversed.
2021-07-20 23:11:51
677
原创 HTML_Day_1
全称 Hypertext markup language 超文本标记语言 <html lang="en"> <!-- 告诉搜索引擎爬虫,我们的网站是关于什么内容的 --> <!-- 转化率 相同IP多次点击算一次点击 --> <head> <!-- 用户看不到的,比如一些浏览器特性 --> <meta charset="utf-8" /> <!-- gb2312 gbk unicode utf-8(万国码) --&g
2021-07-19 22:17:44
748
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1