html5

最新推荐文章于 2024-08-14 16:59:54 发布

小王没有BUG

最新推荐文章于 2024-08-14 16:59:54 发布

阅读量139

点赞数 2

分类专栏： diary 文章标签： html5 diary

本文链接：https://blog.csdn.net/aa792978017/article/details/79547975

版权

diary 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

css初始化

相同的元素，在不同的浏览器下，显示的效果稍有不同，
是因为，而浏览器对各元素的margin，border，font-size等略
有不同，如果杜绝这种情况，我们通过css强制让所有元素的属性值都一样，
这样，浏览器显示就一致了，减少了不兼容情况发生

初始脚本（手动设定统一效果）：
（去搜索一下强制初始化代码）

伪类选择器
通配选择器：给当前所有标签设置属性
例如：<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>22-css通配符选择器.html</title>
    
    <style>
        *{
            color: red;
        }
    </style>
</head>
<body>
<h1>我是标题</h1>
<p>我是段落</p>
<a href="#">我是超链接</a>

img图片标签(单闭合特殊内联（内联替换元素）（可通过css设置宽高）标签）
1.<img src="juhua.jpg" alt="菊花图" title=”hh“/>
2，<img src="..（引进上级目录的图)juhua.jpg" alt="菊花图" title=”hh“/>
3，<img src="网页地址" alt="" title=”hh“/> 远程引用别人的图片
alt是给搜索引擎看的，标注是什么图
title鼠标放上去就显示hh

PS:一般先转换位块状消除margin display：block

有序列表ol 和无序列表ul：
list-style 序号样式

一般不显示，为了去掉原本浏览器效果，防止不同浏览器不一样，去不兼容，一般用图片去用，所以 list-style-tyle：none；

表格标签（table）：
<tr> <td></td> </tr> 行： tr 列：td

用css把控制表格让大家看出来
border-collapse：collapse 边框融合；得对table用
对行tr用collapse=“n”可跨列；（n为列数）
对列td用rollspan 可跨行；

-----------------------------------
------------分界线--------------------------------------------------------

HTML总结

一、html结构
1.doctype: Strict Transtional   framset
2.head   : title meta charset
3.body   : 各种div及html标签

二、div布局
1.布局原则：从上到下从左到右从上到下
2.盒子模型：宽高：width height ；盒子间距离:margin; 内边距： padding
3.浮动布局：浮动概念浮动清除

三、css效果
1.选择器：类选择器标签派生选择器（ul li{}）伪类选择器通配选择器
2.控制效果：段落控制：text-indent       首行缩进
                        text-align        水平文字方向
                        text-decoration   文本装饰线
                        letter-spaing     字符间距
                        text-transform    字母大小写转换
              文字控制：color             颜色
                        font-style        文字样式
                        font-weight       文字粗细
                        font-size         文字大小
                        line-height       行高
                        font-family       字体
              背景控制：background-color 背景色
                                  -image 背景图片
                                  -repeat 背景图重复
                                  -attachment   背景图粘贴方式
                                  -position 背景图位置
3.引入方式：   页面style标签
               外部css文件
               行内style标签
               import导入
4.初始化：     原因：浏览器对于元素有默认的css参数，且可能不一致
               后果：浏览器之间显示效果不一样
               办法：统一对常用元素常用css参数，手动设定统一效果

四、html标签

无语义标签：
1.div 块状元素，布局分块用
2.span 内联元素，选择文字用

有语义标签：
1. h1-h6 ：标题
2. p：      段落
3. img：    图片
4. embed：视频
5. a：      超链接和锚点
6. ul：     无序列表
7. ol：     有序列表
8 table：表格

----------------明天专区csdn写技术博客，，嘻嘻专业社区比较好吧

小王没有BUG

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html5

css初始化相同的元素，在不同的浏览器下，显示的效果稍有不同，是因为，而浏览器对各元素的margin，border，font-size等略有不同，如果杜绝这种情况，我们通过css强制让所有元素的属性值都一样，这样，浏览器显示就一致了，减少了不兼容情况发生初始脚本（手动设定统一效果）：（去搜索一下强制初始化代码）伪类选择器通配选择器：给当前所有标签设置属性例如：&lt;!DOCTYPE html...
复制链接

扫一扫

专栏目录