css笔记样式 html5+css3笔记

关于CSS的写法,怎样来写的?

外部样式表还有一种叫做外部样式，也就是把CSS写在另外一张页面上，然后再引用到指定页面就可以了，这种也很常见。

创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、网站建设、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的浙江网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

首先，在电脑中打开编辑器，创建html文档。然后，创建h1标签，用行内样式控制字体颜色为红色。接下来，用内部样式选择器选择h1标签，控制它的样式。外部样式需要，创建外部样式．css文件。

基本样式的写法 h1{ font-family：黑体；} 直接些标签名进行定义属性，这个也比较常见。但是它的定义通常放在标签中声明。

一种是把CSS文档放到head文档中：style type=“text/css” …… /style 其中style中的“type=‘text/css’”的意思是style中的代码是定义样式表单的。

BEM(块元素修饰符)BEM是一个名为命名约定的CSS。它不涉及如何编写CSS的结构。在进行电脑培训的过程中，电脑培训建议仅为每个元素添加具有以下内容的CSS类名称。

那么请使用class选择器，这样只要将服务器端控件的cssClass设为你class选择器的名称即可。

ID是页面中唯一的，而class可以多个，(如下图)，1位置引号中只有2个，css5和css5_class，而2位置引号中就只能有一个 css5_id ID要设置样式时用“#”号定义，而class用“.” 号定义。

语法区别：id对应css是用样式选择符“#”（井号）。class对应css是用样式选择符“.”(英文半角输入句号)。使用次数区别：id属性，只能被一个元素调用（以“#”选择符命名CSS样式在一个页面只能使用调用一次）。

说明id优先级高于class。class css中得用.class的属性值，id是#id的值。正确使用id和class 如果涉及到js获取值的话用id，否则用class来写。注意事项：命名css的class和id应该有一定的规范性。

CSS 类选择器 class 类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也可以与其他元素结合使用。

元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时，其是相对父元素的宽度width的而不是我们想象的高度height；其实出现这种现象，我们可以巧用margin/padding的百分比值实现高度自适应。

JavaScript设置内联样式改变样式最直接的方法就是改变元素节点的style属性。

这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。

语法：元素.style.样式名=样式值注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。

在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。

js是无法直接修改css文件的，但可以通过取对象的方式修改对象的样式，通常有两种方法：改变className，但首先在样式表中预设定样式类。例如：document.getElementById(obj).className=...改变cssText。

分享题目：css笔记样式 html5+css3笔记
文章转载：http://myzitong.com/article/dgesphj.html