![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
westdu
这个作者很懒,什么都没留下…
展开
-
HTML5 中的 b/strong,i/em 有什么区别?
作者:Gino链接:https://www.zhihu.com/question/19551271/answer/12521687来源:知乎著作权归作者所有,转载请联系作者获得授权。在HTML4.01中: 是视觉要素(presentationl elements),分别表示无意义的加粗,无意义的斜体,表现样式为 { font-weight: bolder },仅仅表示「这转载 2016-11-20 11:33:26 · 1837 阅读 · 0 评论 -
Task7 总结
1-header部分logo部分原思路<div><img src="">新世界</div>div 绝对定位垂直居中于header块,img绝对定位垂直居中于div块。文字部分采用 line-height(与行高相等后居中); text-indent调整位置。 logo部分他人思路<div><h1>新世界</h1></div>logo背景图片采用background: url( ) no-re原创 2016-12-28 22:07:53 · 280 阅读 · 0 评论 -
<img>会随着窗口大小缩放
会随着窗口大小缩放,如果改变img大小,设置了width: 30%,当缩放窗口时,图片大小也随着缩放。想固定大小的方式:设置成固定宽度,如width: 100px;原创 2016-12-19 10:57:32 · 7008 阅读 · 1 评论 -
文章标题
text-align; margin: 0 auto居中区别原创 2016-12-25 09:15:04 · 260 阅读 · 0 评论 -
设置div水平垂直居中方法
margin: auto; position: absolute; top:0; left:0; bottom: 0; right: 0;这个方法是把margin设为auto,正常情况margin是0。当绝对定位时,为了满足l,r,b,t都为0,margin被拉伸而且上下左右相等所以居中。当l=0被取消时,container直接位置右移就能满足r=0,原创 2016-12-18 22:20:09 · 276 阅读 · 0 评论 -
margin-right、margin-bottom设置不起作用?
猜想,待验证:浏览器默认是从左向右渲染一个div .box默认是左上对齐,所以margin-right、margin-bottom设置不起作用原创 2016-12-18 20:01:52 · 6268 阅读 · 0 评论 -
元素分类
在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、什么是块级元素?在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。a{display:bloc转载 2016-11-20 21:24:12 · 638 阅读 · 0 评论 -
h标签本身自带间距 去除方法
h标签本身自带间距去除方法:h{margin: 0px; padding: 0px;}原创 2016-12-15 21:41:26 · 10405 阅读 · 0 评论 -
居中
块元素居中:margin{0 auto;}内联元素居中:text-align:center;原创 2016-11-24 21:20:15 · 209 阅读 · 0 评论 -
布局
自动居中一列布局需要设置 margin 左右值设置为 auto,而且一定要设置width为一个定值。浮动布局:原创 2016-11-21 21:12:18 · 220 阅读 · 0 评论 -
div里英文或数字溢出问题
连续的输入英文或者是数字,就会产生这个问题。如果正常的中文就不会产生这种问题。连续英文算作一个单词。解决办法:CSS里填加 word-wrap:break-word;注:word-break:break-all;360浏览器当时无效果,待以后验证引用:word-break:break-all和word-wrap:break-wor原创 2016-11-23 12:31:20 · 3807 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
制作网页流程1、分析结构,写出div框架2、本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 C原创 2016-12-12 21:48:15 · 199 阅读 · 0 评论 -
权值
有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:p{color:red;}.first{color:green;}三年级时,我还是一个胆小如鼠的小女孩。p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种cs转载 2016-11-20 21:03:42 · 5412 阅读 · 0 评论 -
类和ID选择器的区别
相同点:可以应用于任何元素不同点:1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。下面代码是正确的: 三年级时,我还是一个class="stress">胆小如鼠的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个class="stress">勇气来回答老师提出转载 2016-11-20 20:37:36 · 352 阅读 · 0 评论 -
CSS样式分类
内联:text 局部特殊处理嵌入:span{color:red;font-size:10px;} 统一样式格式外部: 方便复用、管理三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,<link href="style.css" ...>转载 2016-11-20 20:21:20 · 1020 阅读 · 0 评论 -
CSS\html注释代码
在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用)。就像下面代码:转载 2016-11-20 20:12:43 · 423 阅读 · 0 评论 -
*form表单中的label标签(unkown)
伙伴们,你们在前面学习表单各种控件的时候,有没有发现一个标签--label,这一小节就来揭晓它的作用。label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。语法:转载 2016-11-20 20:08:36 · 382 阅读 · 0 评论 -
<em>、<strong>、<span>这三个标签进行一下总结:
1. 和标签是为了强调一段话中的关键字时使用,它们的语义是强调。2. 标签是没有语义的,它的作用就是为了设置单独的样式用的。如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到标签了。如下面例子:1922年转载 2016-11-20 11:40:04 · 1811 阅读 · 0 评论 -
CSS ::before 和 ::after
悬浮出现方括号a { position: relative; display: inline-block; outline: none; text-decoration: none; color: #000; font-size: 32px; padding: 5px 10px;}a:hover::before, a:hover::after转载 2016-12-31 15:15:42 · 475 阅读 · 2 评论