- 博客(11)
- 收藏
- 关注
原创 HTML-CSS_Day_1:CSS要点补充说明、项目演练
一、CSS要点补充说明1.margin:0 auto:自适应页面两边宽度2.inlineinine-block都是文本类元素3.position:absolutefloat:left/right会在内部将元素转化为display:inline-block4. 一旦一个文本类元素包含文字,外面的文字会和里面的文字底对齐 vertical-align:调节对齐线5. 左右两栏分别相对于两个容器向左右浮动:<body> <div>
2021-08-01 18:35:28 128
原创 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 218
原创 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 105
原创 CSS_Day_4:盒子模型、层模型、浮动模型
一、盒子模型外边距(margin)+盒子壁(border)+内边距(padding)+内容元素(content = width + height) 二、层模型
2021-07-30 11:39:59 136
原创 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 323
原创 CSS_Day_1
主流浏览器:Shell + 内核浏览器内核IEtridentFirefoxGeckoGoogle ChromeWebkit/blinkSafariWebkitOperaprestoCascading Style Sheet 层叠样式表引入CSS1.<div style=" CSS "></div>:行间样式2.<head> <style type="text/css"> div{ CSS .
2021-07-22 12:38:05 91
原创 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 135
原创 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 197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人